1. 개요
구글의 firebase 서비스에서 웹페이지를 서비스 하여 보자.
파이어베이스는 구글에서 인수한 개발플랫폼으로 대표적인 기능으로 인증, 데이터베이스, 스토리지, 원격 구성, 푸시 알람, Analytics 등의 모바일, 웹 애플리케이션을 쉽게 구현할 수 있도록 하여준다.
2. 프로젝트 만들기
(1) 구글의 계정이 얻고 구글 개발자 console 로 이동한다.
https://console.firebase.google.com
(2) + add project를 한다.
(3) 프로젝트 이름을 설정한다. 예) vrclass
(4) Enable google analytics for this project를 활성화한다. 옵션사항이다.
(5) 아래와 같이 Default Account로 설정하고 Create project를 한다.
3. Web Hosting
(1) Add App을 한다. web으로 선택한다.
(2) 아래와 같이 4단계로 진행된다. 먼저 App nickname을 설정하고 register app을 클릭한다. 예) history
(3) pc에 node.js를 설치한다. 설치과정은 다른 자료를 이용하자.
node.js가 설치되면 npm 명령어를 사용할 수 있다.
https://nodejs.org/en/download/
(4) Add Firebase SDK
pc에 작업 폴더를 만든다. 예) h:\temp\hostoryvr
윈도우즈 PowerShell을 실행하고 작업폴더로 이동한다. 예) cd h:\temp\hostoryvr
다음 명령어를 입력한다. > npm install fierbase
hostoryvr 폴더 아래에 node_modules 폴더가 생성되고 SDK가 설치가 된다.
(5) install firebase CLI
Firebase 호스팅으로 사이트를 호스팅하려면 Firebase CLI tools가 필요하다.
윈도우즈 Power Shell에서 > npm install -g firebase-tools 명령어를 실행한다.
문제가 발생하였다면 > npm audit fix 명령어를 실행한다.
(6) Deploy to Firebase Hosting
윈도우즈 Power Shell에서 (H:\temp\hostoryvr) 아래와 같은 단계로 진행한다.
> firebase login명령어를 입력하고 인증단계를 진행한다. logout은 >firebase logout 이다.
>firebase init 명령어를 입력한다. 화살키를 이용하여 위 아래 이동하고
space 키를 이용하여 필요한 모듈을 선택한 후에
최종적으로 enter 키를 입력한다. Hosting만 선택하였다.
추후에 설정을 변경하려면 >firbase init 를 다시 실행한다.
> use existing project 선택하고 vrclass를 선택하였다.
Firebase initialize 가 완료되면 public 폴더와 여러개의 json 파일이 생성된다.
이제 완성 된 내용을 온라인에 올려본다. 다음 명령어를 사용한다.
> firebase deploy
웹브라우저에서 위 Hosting URL로 접속하여 보면 아래와 같이 템프릿 웹페이지가 보인다.
4. 데이테베이스 사용하기
(1) 데이터베이스 만들기 (NoSQL)
Firestore Database를 선택하고 "Create database"를 선택한다.
다음 단계로 테스트 모드와 cloud의 위치 선택을 한다.
(2) Add Collection
데이터를 만들어 본다.
