Firebaseでアプリ公開する方法 - acekk619/teamReact GitHub Wiki

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