Open1

FireBaseHosting&ReactNative for web

hatenurhatenur

FireBaseHostingでサイトの作成&ReactNativeWebモジュールのデプロイ

1.Firebaseのプロジェクトを作成
 https://console.firebase.google.com/u/0/

  1. FirebaseCLIのインストールする
     https://firebase.google.com/docs/cli

3.Firebase コマンドから自分の作成したFireBaseプロジェクトにログインする
 firebase login
4. FireBaseプロジェクトの初期化実施、hostingサイトの設定等をする
 firebase init
Public Path の質問にはexpoのビルドで作成されるweb-buildフォルダを指定する
 Configure as a single-page appの質問はYes。(ReactNativeで作成するWebアプリはシングルページアプリのため)
5.package.jsonに以下を追記(任意)※ビルドとデプロイを同時に実施するコマンドをスクリプト化しただけ

"scripts": {
 /* ... */
 "predeploy": "expo export:web",
 "deploy-hosting": "npm run predeploy && firebase deploy --only hosting",
}

6.ビルド&デプロイを実施
npm run deploy-hosting
7. (手順5が不要な場合)
ビルド:expo export:web
firebasehostingへデプロイ:firebase depoloy --only hosting