Firebaseでアプリ公開する方法

Firebaseのホスティング機能を使い、Reactアプリを公開する方法を書いておきます。

準備

まずはブラウザで、Firebaseの管理画面にアクセスし、プロジェクトを作成する

開発環境のターミナルにて

1. create-react-app プロジェクトディレクトリ名

2. cd プロジェクトディレクトリ名

3. 普通にReactアプリを作る

4. npm install -g firebase-tools

5. firebase login

   Cloud9の場合は、オプションとして --no-localhost を後ろにつける事

6. firebase init

   • HostingとDabase Rulesをスペースキーで選ぶこと！
   • デフォルトプロジェクトを事前にFirebaseで作ってたものにする
   • 公開ディレクトリはbuildを指定する
   • public/index.htmlを上書きするか聞いてくるが、上書きしない

7. npm run build

8. firebase deploy

9. firebase open hosting:site