앱인벤터2 강좌 25: 구글 대시보드의 tinyWebDB 사용법3

이번 시간에는 tinyWebDB를 이용해서 구글의 클라우드 데이타 센터와 데이터를 주고 받는 방법에 대해 알아 보겠다. 구글의 클라우드 대시보드에 개인 DB를 개설한 사람은 그쪽 프로젝트 ID를 이용해 데이터를 주고 받을 수 있다. 앱인벤터 디자이너 에디터에서 tinyWebDB의 ServiceURL 입력란에 프로젝트 ID를 이용하여 "http://프로젝트ID.appspot.com/"라고 입력한다.

앱인벤터 디자이너 에디터에 위와 같이 요소들을 배치한다. tinyWebDB의 ServiceURL 입력란에 프로젝트 ID를 이용하여 "http://프로젝트ID.appspot.com/"라고 입력하는 것을 잊지 않도록 한다.

이제 블럭에디터에 위와 같은 프로그램을 구성하자. 인풋박스에 데이터를 입력하고 '데이터 입력' 버튼을 클릭하면 데이터가 구글클라우드 센터 DB에 있는 자신의 개인 대시보드에 입력된다.

이제 스마트폰으로 앱을 실행시켜 실제 데이터를 입력해 본다. 위의 그림은 아직 데이터를 입력하지 않은 초기상태의 그림이다. 인풋박스가 데이터 입력을 기다리고 있다.

처음에는 숫자를 입력해 본다. 0123456789란 숫자를 입력했다. 그리고 '데이터 입력' 버튼을 클릭한다.

하단의 '데이터 가져오기' 버튼을 클릭하면 구글 클라우드 센터 DB내에 있는 자신의 개인 대시보드에서 tag와 데이터를 가져와서 표시한다.

이번에는 "tinyWebDB_Test"라는 문자를 입력하고 '데이터 입력' 버튼을 클릭한다.

그리고 '데이터 가져오기' 버튼을 클릭하면 역시 tag와 문자를 가져와서 표시한다.

구글 클라우드 개인 대시보드에 가보면 본인의 스마트폰에서 입력했던 tag값과 데이터 값이 그대로 들어와 있는 것을 볼 수 있다. 저번 강좌에서도 말했듯이 스마트폰에서도 데이터를 입력할 수 있고 또 구글 대시보드 상에서도 tag와 데이터를 입력할 수 있으므로 양쪽 모두를 테스트해 보는 것이 좋을 것이다.

구글 대시보드에서 앱인벤터2 tinyWebDB를 사용하기 위한 참고자료

※ source.zip