Firebase에서 사이트를 무료로 공개합니다.

2595 단어 HTMLFirebasemBaas
Parse가 끝난 충격이 시작된 지 4개월이 되었다.
다들 어떻게 지내십니까?
최근 몇 년 동안 mBaaS는 지속적으로 신속하게 진화했다.
이번에는 구글의 mBaaS Firebase를 사용해 사이트를 빠르게 시작합시다.

구글 계정 준비


Firebase는 구글 계정만 있으면 무료로 사용할 수 있다.
사전에 계좌를 얻어 로그인하세요.

Firebase로 웹 사이트 만들기 프로젝트.


https://console.firebase.google.com/
에서 설명한 대로 해당 매개변수의 값을 수정합니다.
프로젝트 이름과 국가만 선택하면 됩니다.

Node.js 및 npm 설치


npm에 Firebase 위탁 관리 사이트를 설치할 수 있는 도구입니다.
그러니까 먼저 Node.js와 npm를 설치하세요.
설치 절차는 구글 선생님께 물어보면 많이 나와요.
https://www.google.co.jp/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=node.js%20npm%20%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB

Firebase-tools 구성

$ npm install -g firebase-tools
에서 설명한 대로 해당 매개변수의 값을 수정합니다.
설치 후
$ firebase login
그러면 브라우저에서 인증 양식을 열고 버튼을 누르면 로그인할 수 있습니다.
역시 구글, 아주 간단해.

프로젝트 초기화 및 배포


좋아하는 목록 들어가기
$ firebase init
태그 요소의 표시 속성을 수정합니다.
데이터베이스인지 호스트인지 묻기 때문에 호스트를 선택합니다.
? What Firebase CLI features do you want to setup for this folder? 
 ◉ Database: Deploy Firebase Realtime Database Rules
❯◉ Hosting: Configure and deploy Firebase Hosting sites
json과 public 디렉터리를 그렇게 설정하면 OK, Enter 를 누릅니다.
index.경유 html로 설정했냐는 질문에 이것도 Enter를 누릅니다.(기본값은 아니오)
어떤 아이템을 사용하냐는 질문에 아까 했던 아이템을 선택했습니다.
? What Firebase project do you want to associate as default? (Use arrow keys)
  [don't setup a default project] 
❯ test-project (project-000000000000000) 
  [create a new project] 
이렇게 하면 디렉터리 바로 아래에 설정된 json과public 디렉터리가 생성되기 때문에 그 다음은public/index입니다.html를 만지작거리며 배치하다.
$ firebase deploy
허허, 사이트가 이미 공개됐어요.

웹 사이트 보기


Firebase 관리 화면에서 항목을 선택한 후 왼쪽 메뉴에서 Hosting을 선택합니다.
URL이 임의로 할당되어 있으므로 액세스해 보십시오!

비용에 관하여


2016년 5월까지 파일 크기 1GB, 파일 전송 10GB가 무료입니다.
소규모 사이트라면 문제없이 이용할 수 있다.
https://firebase.google.com/pricing/

좋은 웹페이지 즐겨찾기