Fireabseの1つのプロジェクト内で複数サイトをホスティングする

2019-08-30

複数のサイトでプロジェクトのリソースを共有する | Firebase に手順が書いてあるので参考にしました。
1つのプロジェクトで複数サイト・複数ドメインに対応できる。

複数サイト作成

Webのコンソールから、「別のサイトを追加」であらかじめサイトを作成しておく。

firebase CLIで設定

cd multi-sites
firebase login
firebase init

設定は以下を選んだ。

Hosting
Use an existing project
デフォルトのサイト選択

次に以下をサイトの数だけ繰り返し実行する。

firebase target:apply hosting　[自分で定義する一意の識別子] [Firebaseプロジェクトにリスト表示されるHostingサイトの名前]

firebase.jsonを編集し、サイト毎にデプロイ先を設定する。
targetを指定する部分が肝みたい（.firebasercに上記コマンドの設定自体は保持される）。

1つのフォルダーで1サイトの管理なら、hostingの部分を列挙しないで書く。

{
  "hosting": [
    {
      "target": "自分で定義した識別子1",
      "public": "サイト毎の公開用ディレクトリ1",
      "ignore": [
        "firebase.json",
        "**/.*",
        "**/node_modules/**"
      ]
    },
    {
      "target": "自分で定義した識別子2",
      "public": "サイト毎の公開用ディレクトリ2",
      "ignore": [
        "firebase.json",
        "**/.*",
        "**/node_modules/**"
      ]
    }
  ]
}