파이어베이스 사용법 1.호스팅 (Firebase hosting)

귀엽고 어렵지 않은 그렇지만 가볍고 편리한 하지만 (돈을 지불한다면 좀 더 빠른) 파이어베이스를 소개합니다.

파이어베이스 : https://console.firebase.google.com

예전에 스타트업 다닐때 책임연구원님이 엔진을 firebase라는걸 써보라고 하셨다.

firebase를 실제로 써보니 내생각에는 실제 서비스를 올리기에는 힘들어 보였다.

하지만 그로부터 수개월 후 개인 프로젝트를 호스팅하는데 사용하게 되는데....

자세히 알아보기 : https://firebase.google.com/?authuser=0

Firebase 호스팅

Firebase 호스팅은 웹 앱에 대한 빠르고 안전한 정적 호스팅을 제공합니다.

호스팅 공식 문서 : https://firebase.google.com/docs/hosting/

호스팅 시작하기 가이드 : https://firebase.google.com/docs/hosting/quickstart

1. CLI 설치

Node.js 및 npm이 필요합니다.

Node.js설치 : https://nodejs.org/en/

윈도우를 사용한다면 윈도우 npm설치하기를 시작합니다.

맥이라면 맥 npm 설치하기를 하면 되겠습니다. (위의 링크에서 설치하면 npm이 자동으로 설치가 될 것입니다.)

맥은 설치하는 방법이 간단하니... 윈도우 버전입니다.

2017. 11.08 을 기준으로 설치 합니다.

제가 설치하고자 하는 파일 - 대부분의 사용자들이 사용하는 버전입니다. 8.9.1 LTS

설치된 버전을 확인해야 한다. 만약 아래처럼 나오지 않으면 설치가 되지 않은 것이므로 다시 다른 포스팅을 찾아보도록한다..

Firebase CLI에는 Node.js 버전 5.10.0 이상이 필요합니다.

때문에 5.10 버전 보다 낮다면 업데이트를 해야 합니다.

Node.js 및 npm이 설치되었으면 npm을 통해 Firebase CLI를 설치할 수 있습니다.

npm install -g firebase-tools

이렇게 하면 디렉토리에 관계없이 사용할 수 있는 firebase 명령이 설치됩니다. 최신 버전으로 업데이트하려면 같은 명령을 다시 실행하기만 하면 됩니다.

<- 실행중인 화면입니다.

2.앱초기화

원하는 폴더로 들어감 (원하는 폴더를 띄워놓고 cmd로 드래그 해도 들어가 진다. 신기)

배포할 Firebase 앱을 선택했으면 cd 명령으로 프로젝트 디렉토리로 이동하고 다음을 실행합니다.

$ firebase init

firebase init 명령을 실행하면 프로젝트 디렉토리의 루트에 firebase.json 설정 파일이 생성됩니다. 이 파일의 자세한 내용은 가이드의 호스팅 동작 맞춤설정 섹션을 참조하세요.

그냥 에스에스 하면 되고, 자기가 원하는 프로젝트만 잘 찾아놓으면 됩니다.

3.파일추가

앱을 초기화할 때 공개용 루트로 사용할 디렉토리를 지정해야 하며 기본값은 'public'입니다. 공개용 루트 디렉토리에 올바른 index.html 파일이 없는 경우 이 파일이 자동으로 생성됩니다.

4.웹사이트 배포

$ firebase deploy

이렇게 하면 앱이 <YOUR-FIREBASE-APP>.firebaseapp.com 도메인에 배포됩니다.

5.기타

배포하기 전에 Node.js서버를 사용할 수 있다. firebase serve로 실행할 수 있다.

public 폴더 안의 파일을 바라보게 설정이 되어 있다.

DEVELOP 메뉴 아래에 Hosting으로 들어가보면 방금 배포한 파일이 보일 것입니다.

1. 대시보드

- 본인이 배포한 배포 기록 및 시간 그리고 롤백 기능이 있다.

- 원하는 도메인을 연결 할 수 있다.

2. 사용량

- 현재 저장된 파일의 총 용량을 알 수 있다. (업그레이드를 하면 사용량이 늘어난다.)

- 해당 사이트에서 발생한 트래픽을 알 수 있다.

2017. 12월 쯤 처음으로 공부해본 파이어베이스가 현재 2017. 11 다시 보니 새로 생긴 기능이 많습니다.

다시 공부를 하고 좀 더 활용을 해봐야겠습니다.