앱인벤터2 강좌 10: 구글 대시보드 DB 사용법(TinyWebDB 사용법)

 1.구글 대시보드 DB 사용법과 TinyWebDB의 이용

 앱인벤터2에서 TinyWebDB를 이용하는 방법에 대해서 설명하겠습니다. 일반적으로 TinyWebDB를 이용하는 방법은 2가지가 존재하는데요 첫째는 공용 DB를 이용하는 방법과 둘째는 개인 DB를 이용하는 방법입니다. 공용DB를 이용하는 방법은 다음과 같습니다.

 

 일단 앱인벤터2를 실행시키고 디자이너 에디터에서 TinyWebDB를 하나 준비합니다. 그리고 TinyWebDB1의 ServiceURL을 http://appinvtinywebdb.appspot.com/로 설정합니다. 그리고 이 주소를 웹브라우저 주소창에 그대로 쳐넣은다음 인터넷에 들어가 보면 /storeavalue:와 /getvalue: 항목이 나옵니다. /storeavalue:에는 본인이 임의로 tag와 value값을 줍니다. /getvalue:에 내가 입력한 tag 이름을 넣으면 본인이 입력한 값을 받을 수 있습니다.

 이제 앱인벤터2 에디터로 다시돌아와서 블록 에디터에 TinyWebDB1.GotValue 이벤트 블록을 이용해 값을 확인할 수 있습니다. *참고)저의 "앱인벤터2 강좌 6: TinyDB 와 TinyWebDB 사용법"을 참고하세요.

 

앱인벤터2 강좌 6: TinyDB 와 TinyWebDB 사용법

 

 공용DB는 간단하게 연습용으로 사용할 수 있으나 다른 사람이 내 tag값과 우연히 일치하는 값을 넣으면 내가 입력한 data를 알 수 도 있고 또 나의 value값이 사라질 수도 있어서 좋은 방법은 아닙니다. 더 좋은 방법은 개인 DB를 개설하는 방법인데 좀 복잡하지만 단계별로 최대한 자세히 설명해 보겠습니다.

 

 한 6개월 전만해도 개인 DB를 개설하는 방법이 상당히 힘들고 복잡해서 저도 3~4일을 고생했던 기억이 있는데 이 제는 구글이 대시보드를 새롭게 정비해서 좀 쉽게 DB를 개설 할 수 있습니다. 

 먼저 구글계정이 있다고 가정하고 설명합니다. 구글계정이 없으신 분은 계정을 하나 만드시고 시작하시기 바랍니다.

 

1)구글대시보드 들어가기

 

 

크롬을 활성화 시켜서 주소창에 https://console.cloud.google.com/home/dashboard라고 입력합니다.

 

 

2)대시보드

 

 

그러면 구글에서 제공하는 대시보드 홈에 들어갑니다. 빨간박스중 하나를 눌러 등록절차에

들어가도록 합니다. 오른쪽에 보면 3가지 안내가 나옵니다. 60일 동안 300불에 해당하는

credit를 준다는 내용과 60일 지나도 자동으로 과금이 되지 않는 다는 내용이니까

안심하고 다음단계에 들어갑니다.

 

 

 

3)개인정보입력하기1

 

 

이름과 주소등 몇가지 개인 정보를 입력합니다.

 

 

4)

개인정보입력하기2

 

 

 

 

마지막으로 신용카드정보를 입력합니다. 신용카드와 연결된 통장번호도

요구하는데 신용카드 정보는 내가 구글의 제품을 구매할때도 필요하지만

내가 구글플레이 스토어에서 앱을 판매하거나 유튜브 동영상에

광고를 유치해서 돈을 받을 때도 필요한 정보이므로 정확하게 기입합니다.

 

 

5)프로젝트 이름 입력

 

 

 

 등록 절차가 끝나고 나면 이제 본격적으로 대시보드를 이용할 수 있습니다.

프로젝트 이름을 입력하라는 창이 뜨는데 적당한 이름을 입력합니다.

영어로만 입력합니다. 한글은 받아주지 않습니다. 그리고 중간에 "Edit"를 누르면

프로젝트 ID를 입력하는 창이 나오는데 그 ID는 중요하므로 잘 기억해 둡니다.

 6)번 항목에서 한번 더 설명하니 여기서 넘어갑니다.

혹시 위의 창이 뜨지 않는다면 아래 6)번 항목의 상단 "프로젝트 설정관리 "

 부분을 클릭하면 프로젝트 이름을 입력할 수 있습니다.

 

6)대시보드 홈

 

 

여기가 대시보드 홈화면입니다. 여기서 가장 중요한 부분을 설명하겠습니다.

상단의 빨간박스 두개가 겹쳐진 부분 보이시죠. 그기에  5)번에서 설정한 프로젝트 ID가 나와있습니다.

프로젝트는 이 ID에 따라 관리됩니다. 또한 앱인벤터2의 TinyWebDB1의 ServiceURL로 사용되므로

어디에 잘 적어둡니다.

 

  

 

대시보드 홈 화면에서 위 그림의 녹색박스안에 있는 역삼각형을 누르면 "프로젝트 만들기"란

창이 열리고 "프로젝트 만들기" 글자를 클릭하면 새 프로젝트 이름과 ID를 만들 수 있는 창이

열리므로 여러개의 프로젝트를 만들 수 있습니다. 그외 여러가지 설정하는 것들이 나오는데

별 어렵지 않으므로 설명을 잘 읽으면서 따라가면 됩니다.

 위의 큰그림 왼쪽 상단의 빨간 박스부분(집모양 아이콘 바로 위 부분)은 "제품 및 서비스"항목입니다. 클릭합니다.

 

 

7)Datastore 들어가기

 

 

 그러면 위와 같이 왼쪽에 구글에서 제공하는 서비스의 목록이 펼쳐집니다.

우리가 데이터를 저장할 곳은 빨간박스로 표시한 "Datastore"입니다.

나머지 부분은 한번씩 들어가서 확인해 보기 바라고 자세한 설명은 생략합니다.

 Datastore를 클릭합니다.

 

8)tag와 value 항목만들기

 

 

Datastore에는 정수나 문자 등등 상상할 수 있는 대부분을 저장할 수 있습니다.

tag에 따라 각각의 값을 저장하므로 신중하게 tag 값을 입력해야 합니다. tag와 value값을 입력하기

위해서 "+항목 만들기"을 클릭합니다.

 

9)

tag와 value값 입력하기 

 

 

 

 

아직 tag와 value값을 입력하기 전이므로 tag와 value값이 비어있는 것을 알 수 있습니다.

먼저 tag값을 입력하기 위해서 빨간박스의 윗부분에 있는 "tag"를 클릭합니다.

 

 

10)

tag 설정법

 

 

tag입력항입니다. 다른것은 입력할 필요가 없고 중간에 있는 값 부분에 적당한 tag 이름을 입력합니다.

이름을 입력했으면 하단의 "만들기"를 클릭합니다.

 

 

 

 

11) 

value 설정법

 

 

9)번 항목의 "value"를 클릭하면 value입력항이 나옵니다. 다른것은 입력할 필요가 없고 중간에 있는

값 부분에 적당한 value 값을 입력합니다. 값을 입력했으면 하단의 "저장"을 클릭합니다.

 

 

 

12)Datastore전체 표시

 

 

위와 같은 과정을 통해서 데이터를 많이 입력한 모습입니다. 이렇게 대시보드에서

 바로 tag와 value값을 입력 할 수도 있지만 앱인벤터2 에디터에서도 똑같이 tag와

value값을 입력 할 수 있습니다. 앱인벤터2에서 자신의 구글클라우드DB를 사용하려면

앱인벤터2 디자이너 에디터의 TinyWebDB1의 ServiceURL을 http://ID.appspot.com/ 으로 설정합니다.

 여기 ID가 5,6번 항목에서 잘 기억해 두라고 했던 ID이므로 입력해 줍니다. 

앱인벤터2 에디터에서 데이터를 입력하는 방법은 저의 "앱인벤터2 강좌 6: TinyDB 와 TinyWebDB 사용법"

을 보시면 되겠습니다.

 

12단계에 걸쳐서 tinyWebDB를 이용하는 방법을 설명했습니다. 많은 도움이 되었기를 바랍니다.