Firebaseで閲覧用サイト・管理用サイトをホスティングする方法

目的

複数のサイトでプロジェクトのリソースを共有したい

1アプリ目 (閲覧用)

firebase consoleで新規アプリ作成

アプリ名、firestoreなどの設定を行う

プロジェクトを作成

firebase login/firebase init

アプリが動くことを確認

npm build

firebase deploy

webページを確認

dbに値を追加

react側から表示する処理を追加

build & deploy & 確認

2アプリ目 (管理用)

firebase consoleのhostingから新規アプリを追加

名前をつけて設定する

プロジェクト作成

firebaseConfigは共通

編集 & Build

firebase init

Hosting サイトの管理 手順を参考に（firebase.jsonへの記載はsite -> target）

firebase consoleから2でつけた名前を確認。　-> RESOURCE_NAME

デプロイ

１回目のみ

$ firebase target:apply hosting TARGET_NAME(何でもOK) RESOURCE_NAME

２回目以降

$ firebase deploy --only hosting:TARGET_NAME

公開前に変更内容を表示、テスト、共有

$ firebase hosting:channel:deploy CHANNEL_ID

過去バージョンに戻す

Firebase コンソールから 「開発」 > 「Hosting」 を開き「デプロイ履歴]」

「デプロイ履歴」 の過去のバージョンの右端のメニューから 「ロールバック」を選択

deployしたサイトを取り消す

firebase hosting:disable