SQUARESPACEで取得したドメインをFirebase Hostingで設定する
背景
Google Domainsが無くなってしまって、Google Domainsで取得したドメインはsquarespaceに管理が引き継がれました。
新しくドメインを取得したかったので、元Google Domainsユーザーとしては正統後継者であるsquarespace使って取得してみたのですが、何気に設定方法がわからずハマったのでメモ書いときます。
作業全体の流れ
- squarespaceでドメインを取得
- Firebase Hostingで、カスタムドメインを設定。Firebase HostingでsquarespaceのDNSに設定するべき情報を確認
- squarespaceのDNS Settingを設定。Firebase Hostingの情報に従って設定
- Firebase Hostingの設定
という流れになります。
1. squarespaceでのドメイン取得
これはsquarespaceの画面に従って取得できる。
私が取得したドメインはeyuras.com。
2. Firebase Hostingでカスタムドメイン設定
Firebase -> Hosting -> カスタムドメインを追加
で、squarespaceで取得したドメインを追加。
このFirebase Hostingで表示される情報をsquarespaceで設定する。
3. 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 -> カスタムドメイン
から読み込み直すと、うまく行っていれば「証明書を作成しています」とメッセージが表示される。
あとは、しばらく待つと証明書が作成されて、カスタムドメインでアクセスできるようになります。
作成したサイト
www付きURLのリダイレクトも設定しておく
ついでなので、www付きURLをリダイレクトする設定を追加しておきます。
これをやっておかないとwww付きURLがhttps対応されておらずブラウザがアクセスを止めてきます。
作業の流れは以下。
- Firebase Hostingでwww付きURLのリダイレクト設定
- squarespaceのDNS Settingを設定。Firebase Hostingの情報に従って設定
- Firebase Hostingの設定
※リダイレクト設定せずに、FirebaseのドキュメントにあるsquarespaceのDNS SettingでIPアドレスを入力が正解かも。
Firebase Hostingでwww付きURLのリダイレクト設定
Firebase -> Hosting -> カスタムドメインを追加
で、www付きのカスタムドメインを追加します。
元のURLがeyuras.comなので、www.eyuras.comを追加。
eyuras.comにリダイレクトする設定とします。
次の画面でDNSへの設定項目が表示されるので、この情報に従ってsquarespaceでDNS設定します。
squarespaceのDNS Settingを設定
Hostをwww、Type CNAMEでFirebase Hostingの指定の文言を設定
Firebase Hostingの設定
DNSの設定が反映されるのを待って「設定が必要です」を押す。
設定に問題がなければ「証明書を作成しています」と表示されて、設定終了。
待つとwww付きURLがリダイレクトされるようになります。
IPアドレスとかプロジェクト名は消すべきなの?
Firebase HostingやDNS関係の記事だと、スクリーンショットからIPアドレスなどなど消してあるの多いですが、消すと記事がわかりづらいし公開しててもそんなに問題ないだろうと思い、スクリーンショットそのまま公開してますが、問題あるんでしょうか?
どうせ公開されてるウェブのIPアドレスくらい調べればわかっちゃうし、問題なくない?
と思ったんですが、どうなんだろう?
参考
Discussion