🚀

SQUARESPACEで取得したドメインをFirebase Hostingで設定する

2024/07/10に公開

背景

Google Domainsが無くなってしまって、Google Domainsで取得したドメインはsquarespaceに管理が引き継がれました。
新しくドメインを取得したかったので、元Google Domainsユーザーとしては正統後継者であるsquarespace使って取得してみたのですが、何気に設定方法がわからずハマったのでメモ書いときます。

作業全体の流れ

  1. squarespaceでドメインを取得
  2. Firebase Hostingで、カスタムドメインを設定。Firebase HostingでsquarespaceのDNSに設定するべき情報を確認
  3. squarespaceのDNS Settingを設定。Firebase Hostingの情報に従って設定
  4. Firebase Hostingの設定

という流れになります。

1. squarespaceでのドメイン取得

これはsquarespaceの画面に従って取得できる。
私が取得したドメインはeyuras.com。

2. Firebase Hostingでカスタムドメイン設定

Firebase -> Hosting -> カスタムドメインを追加
で、squarespaceで取得したドメインを追加。

Firebase Hosting

このFirebase Hostingで表示される情報をsquarespaceで設定する。

3. squarespaceのDNS Settingを設定

squarespaceのDNS Setting

squarespaceのDNS Settingから

  • squarespaceが設定するDefaultのIPアドレスを削除
  • Hostを@、Type A でIPアドレス設定。Firebase Hostingは常に199.36.158.100と思われ
  • Hostを@、Type TXTでhosting-site=Firebaseプロジェクト名を設定

4. squarespaceのDNS Settingを設定

しばらく待ってDNS情報が更新されたら
Firebase -> Hosting -> カスタムドメイン
から読み込み直すと、うまく行っていれば「証明書を作成しています」とメッセージが表示される。

証明書を作成しています

あとは、しばらく待つと証明書が作成されて、カスタムドメインでアクセスできるようになります。

作成したサイト

https://eyuras.com/

www付きURLのリダイレクトも設定しておく

ついでなので、www付きURLをリダイレクトする設定を追加しておきます。
これをやっておかないとwww付きURLがhttps対応されておらずブラウザがアクセスを止めてきます。

作業の流れは以下。

  1. Firebase Hostingでwww付きURLのリダイレクト設定
  2. squarespaceのDNS Settingを設定。Firebase Hostingの情報に従って設定
  3. Firebase Hostingの設定

※リダイレクト設定せずに、FirebaseのドキュメントにあるsquarespaceのDNS SettingでIPアドレスを入力が正解かも。

Firebase Hostingでwww付きURLのリダイレクト設定

Firebase -> Hosting -> カスタムドメインを追加
で、www付きのカスタムドメインを追加します。

元のURLがeyuras.comなので、www.eyuras.comを追加。
eyuras.comにリダイレクトする設定とします。

Firebase Hostingでwww付きURLのリダイレクト設定

次の画面でDNSへの設定項目が表示されるので、この情報に従ってsquarespaceでDNS設定します。

squarespaceのDNS Settingを設定

Hostをwww、Type CNAMEでFirebase Hostingの指定の文言を設定

Firebase Hostingの設定

DNSの設定が反映されるのを待って「設定が必要です」を押す。

設定に問題がなければ「証明書を作成しています」と表示されて、設定終了。
待つとwww付きURLがリダイレクトされるようになります。

IPアドレスとかプロジェクト名は消すべきなの?

Firebase HostingやDNS関係の記事だと、スクリーンショットからIPアドレスなどなど消してあるの多いですが、消すと記事がわかりづらいし公開しててもそんなに問題ないだろうと思い、スクリーンショットそのまま公開してますが、問題あるんでしょうか?
どうせ公開されてるウェブのIPアドレスくらい調べればわかっちゃうし、問題なくない?
と思ったんですが、どうなんだろう?

参考

https://zenn.dev/410/articles/e176ce1de661cd

https://domains.squarespace.com/

https://firebase.google.com/docs/hosting/custom-domain?hl=ja#dns-records-squarespace

https://qiita.com/qrusadorz/items/617ef8e21aee75e7cd20

Discussion