Google Cloud Platform & Firebase

Google Cloud Platform(이하 GCP)은 Speech, Dialogflow, Vision AI, Firebase 등 다양한 서비스를 제공하는 클라우드 플랫폼입니다.

 

시작하기

GCP는 유료 서비스이지만, 최초 가입 시 90일간 $300의 무료 크레딧이 제공되는데, 이 정도만 있으면 Dialogflow는 물론, TTS, STT 등 다양한 서비스를 배워보고 체험하기 충분합니다.

Google Cloud Platform

가입해 봅시다.

 

가입 화면

 

최초 가입 시 90일간 무료로 $300 제공됩니다.

 

초기 화면 및 메뉴 오픈

 

가입을 완료하면 메인 화면이 나오는데, 좌측 상단의 메뉴를 열어 결제로 가면 현재 과금 상태를 알 수 있습니다.

 

결제 화면

 

크레딧이 끝나도 자동 결제 옵션을 해두지 않으면 유료로 전환되지 않는다고는 하는데, 혹시 모르니 종종 결제를 확인해 보고 무료 체험 90일 이후 사용하지 않을 때는 결제 수단을 삭제해 두는 게 좋겠죠. 브라우저에서 pay.google.com/ 를 열어도 됩니다.

 

자, 다시 처음 화면 대시보드로 가보겠습니다.

 

대시보드 화면

저는 이미 만들어 둔 프로젝트가 있어서 위와 같이 나오지만 처음에는 프로젝트를 만들어야 합니다.

프로젝트 별로 사용하는 서비스도 다르고 접근할 수 있는 인증 정보도 다릅니다. 예를 들면, 두 개의 서로 다른 대화(Dialogflow를 사용하는) 프로젝트를 만들어 첫 번째는 호텔 예약 시스템, 두 번째는 날씨 소개 시스템에서 사용할 수 있겠죠.

 

앱에서 GCP 사용을 위한 사용자 인증

• 외부 앱에서 GCP 프로젝트에 접근하려면, 즉 프로젝트에 포함된 서비스를 사용하려면 인증 절차를 거쳐야 합니다.
• 여기서 인증이란, 사용자마다 프로젝트에 로그인하라는 의미가 아니라, 앱과 GCP 프로젝트 사이에 인증을 한다는 의미입니다. 즉, 실제 앱 사용자는 인증에 대해 알 필요 없는 거죠.
• 간단한 인증 방법으로는 GCP 프로젝트로부터 인증 정보를 담고 있는 json 파일을 다운 받아 앱에 심는 방법입니다.
• 이 인증 파일(credential.json)을 만드 방법은 아래 공식 홈페이지 링크에 매우 잘 정리되어 있어서 그대로 따라하면 됩니다.
  • cloud.google.com/docs/authentication/getting-started?hl=ko

출처 : 공식 홈페이지  https://cloud.google.com/docs/authentication/getting-started?hl=ko

 

• 이렇게 다운로드 받은 .json 키를 원하는 위치에 잘 보관합니다. 경로와 파일명을 기억해두세요.

 

Firebase

• 구글 파이어베이스는 클라우드 기반 모바일/웹앱 개발 플랫폼입니다. 가령 Dialoflow의 Webhook 기능에 필요한 Cloud Function 등의 서비스를 제공합니다.

 

Firebase

• 가입하고 프로젝트를 만들어 봅시다.

프로젝트 만들기

GCP 프로젝트들 중 Firebase를 추가할 프로젝트를 선택

요금제 확인

• 요금제는 세부 내용을 보면, 규모 있는 프로젝트가 아니라면 무료 크레딧 체험 수준에서는 부담되지 않는 수준입니다.
• 나머지 과정을 진행해서 가입을 완료합니다.

 

Firebase Cloud Function

• Firebase 프로젝트 연동까지 끝났으니 이제 Cloud Function을 연동해 봅시다.

Firebase CLI 참조

• 저는 리눅스(우분투)에서 Node.js 앱을 사용하기 때문에 그 관점에서 간단히 정리하자면,우선 터미널에서 설치부터 합니다.
  • npm install -g firebase-tools
  • firebase login
• 브라우저 로그인 화면에서 로그인 합니다.
• 원하는 디렉토리로 이동해서 firebase init   

우리가 사용할 Functions와 Hosting을 선택합니다.

Existing Project 선택 후 나머지는 디폴트로 진행해도 문제 없습니다.

• 확인을 위해
  • firebase deply

Deploy 결과

• 맨 아래 나온 Hosting URL로 접속해 보면, 아래와 같이 public/index.html 내용이 보입니다.

브라우저로 URL 접속 화면