この記事で達成したいこと

  • 購入した独自ドメインのサブドメインをFirebase Hostingで使いたい

前提

  • カスタムドメインはgkzz.devとし、購入先はGoogle Domains
  • Firebase Hostingではgkzz.devのサブドメインであるblogs.gkzz.devを指定する
    • 設定がうまくできず、Firebase Hostingではgkzz.devを指定するように変更
    • blog.gkzz.devにアクセスが飛んできた場合はgkzz.devへリダイレクトするようにした

以下のFirebaseのドキュメントを参考に進める。

Firebase Hostingの画面でカスタムドメインを登録

  • https://console.firebase.google.com からFirebaseのコンソール画面へログイン

  • Firebase Hostingで使うプロジェクトを選択するか、新規に作成

    • ここでは既存のプロジェクトを選択している Image from Gyazo
  • 画面左の Hosting をクリック Image from Gyazo

  • Add custom domain をクリックするとポップアップ画面が表示される

  • ポップアップ画面から Qucik setupAレコード を選択したら、デプロイ先となるカスタムドメイン名を入力し、IPアドレス をコピーしておく Image from Gyazo

  • https://domains.google.com の画面左側の DNS をクリック

  • Custom recordsにて左からデプロイしたい カスタムドメイン名A 、先ほどコピーした IPアドレス を入力していく Image from Gyazo

以上で、Firebase HostingとGoogle Domainで購入したカスタムドメインとの設定は完了した。

※接続が確認できた画面は、自分のブログの画面しか確認できていない。Firebase HostingとGoogle Domainで購入したカスタムドメインとの設定のみした場合、どういう画面になるのかサンプルの資料はない。。

P.S. TXTレコードはGoogle Domainsで登録することなく終わったけど。。

TXTレコードはGoogle Domainsで登録することなく、Firebase HostingとGoogle Domainsで購入したカスタムドメインとの設定が終わってしまった。

Firebase Hosting では、ドメインの所有者であることを証明し、サイトの SSL 証明書の割り当てと更新を Firebase で承認するために、この TXT レコードを常に DNS 設定で保持する必要があります。

参考:Connect a custom domain  |  Firebase