Firebase Cloud Firestoreをインストールからデプロイまで

※自分用メモ

Firebase は Google のモバイル・ Web アプリのバックエンドサービス。Firebase を使うとバックエンドを作成する必要も管理するがない。

Firebaseプロジェクト作成
・Firebaseのページに移動
・Get Started (gmail accountが必要)
・Add Project
・プロジェクト名入力
・Create projectまでContinue

プロジェクト設定
・Project Overviewの横にある設定アイコンをタップ
・プロジェクトのプラットフォームを設定(ウェブ、ios、Google)
・プロジェクトを登録(あだ名、hostingも設定)

Firebase CLIをインストール
npm install -g firebase-tools
※一度インストールするだけでいい

Firebaseにログイン
firebase login

Firebaseの繋ぎこみ
・プロジェクト内でnpm i firebase
・firebase.jsの作成

 import firebase from 'firebase';

 const firebaseApp = firebase.initializeApp({
  //  この中にfirebaseのconfigを追加
 });

 const db = firebaseApp.firestore();

 export default db;

Firebase Cloud Firestore
・Cloud Firestoreをタップ
・Create Database
・start in test
・locationの設定

プロジェクトをFirebaseでHost
firebase init
・テンキーでHosting: Configure and deploy Firebase Hosting sitesをspacebarで選択してからenter
・Use an existing project
・現在のプロジェクトを選択
・What do you want to use as your public directory箇所はbuildを入力してenter
・Configure as a single-page app (rewrite all urls to /index.html)? (y/N)はyでenter

Firebaseのデプロイ
npm run build
firebase deploy