Firebase + ReactのHosting やり方

なぜ？

よく忘れるからドキュメンテーション！

Console of Firebase ( Browser )

Firebase consoleでcreate project

そして真っ先にdatabaseからcloud firestoreを作成する

ここでlocationの選択が出てくる, asia-northeastを選択

これができてないとRDBかGCPしか使えなくなる

また消して作り直す場合は、trash から消えるのを待つ必要があるので

30日同じ名前を使えないので注意。

Terminal

ターミナルで適当なディレクトリを作成して

npm install -g firebase-tools

firebase-tools を install する

npm i firebase ではない

firebase login

これで Chrome が開いてログイン処理できる。

firebase init

TUI設定開始

Firestore, Hositing を選択

use an existing projectを選択

使うプロジェクトを選択する

? What do you want to use as your public directory? public
? Configure as a single-page app (rewrite all urls to /index.html)? Yes
✔  Wrote public/index.html

i  Writing configuration info to firebase.json...
i  Writing project information to .firebaserc...
i  Writing gitignore file to .gitignore...

✔  Firebase initialization complete!

これで init が終わった。

firebase deploy

これでデプロイできる

f:id:kei_s_lifehack:20200505011718p:plain

ソースを見てみる

生成されたソースを見ると、app, auth, database, message, storage,

そして init がローカルな処理？

    <script src="/__/firebase/7.14.2/firebase-app.js"></script>
    <script src="/__/firebase/7.14.2/firebase-auth.js"></script>
    <script src="/__/firebase/7.14.2/firebase-database.js"></script>
    <script src="/__/firebase/7.14.2/firebase-messaging.js"></script>
    <script src="/__/firebase/7.14.2/firebase-storage.js"></script>
    <!-- initialize the SDK after all desired features are loaded -->
    <script src="/__/firebase/init.js"></script>