※ firebaseにデプロイまでは完了してる前提で話を進めます。
お名前.comでドメインを取得する
取得したいドメインを選ぶところまでは問題なく進めるかと思います。
僕が迷ったのはここ。
どれもよく分からん。
ここら辺参考にさせてもらいながら、僕は「Whois」だけ使わせてもらうことにしました。
（300円）
whois情報公開代行ってなに？必要？個人情報を守るために必要なこと。
お名前.comのドメインプロテクション設定は必要なのか
めちゃくちゃ伝えておきたいのが、
firebaseのhostingを利用する場合はSSL証明書、必要ないです！これは外しときましょう。
↓の記事のおかげで24,000円払わずにすみました。@isatan@githubさんありがとうございます！
Firebase Hosting なら SSL は無料です [BitScheduler開発日誌]
あとは迷うことなくスルスル〜と購入まで進めることができるかと思います。
ドメイン取得に関してはここまでです。
TXTレコードを取得する
Firebaseのコンソールから「Hosting」を開きます。
その中に「カスタムドメインを追加」ってボタンがあるのでそこをクリックすると
こんな感じのモーダルが開くので、先ほど取得したドメインを入力します。
「〜を既存のウェブサイトにリダイレクトする」のチェックボックスにはチェックしないで次に進みます。
するとTXTレコードが発行されるので一旦firebase側の作業はここでストップ。
すぐに戻ってくるのでページはそのまま開いておいてください。
お名前.comでTXTレコードを設定する
お名前.com Naviから、DNSタブを開き、「ドメインのDNS関連機能設定」に進みます。
ここで、今回設定したいドメインを選択して「次へ」
※最初よく分かんなくて「お申込み」に進んじゃって危うくお金払っちゃうとこでした><
分かりにくいぜお名前.com
次のページでDNS設定の中に色々と項目が出てくるのですが、
「DNSレコード設定を利用する」の設定するへと進みます。
ここでようやくレコードを設定できます。
緑枠で囲った箇所の「TYPE」をTXTに変更して、「VALUE」に先ほどfirebaseで取得したTXTレコードをそのまま貼り付けて、「追加」
ページ下に移動して
「DNSレコード設定用ネームサーバー変更確認」にはチェックを入れて、確認画面へと進み、
問題なければ「設定する」を押しちゃいましょう。
Aレコードを取得する
先ほどTXTレコードが発行されたモーダルが
こんな状態でいてくれていると思います。
さっきのお名前.comの設定完了から5~10ほど待って「所有権を証明」をクリック。
証明が完了すると、今度はAレコードが表示されます。
こんな感じ。
お名前.comでAレコードを設定する
さっきと同じ手順でDNSレコードの設定画面へと進めてください。
で、先ほどTXTにしてレコードを設定した箇所を、
今度はAでfirebaseコンソール上に表示された2つを設定します。
最終的にはこういう状態になるかと。
firebaseコンソールで確認
「終了」でモーダルを閉じるとドメイン欄に先ほど追加したドメインが入っているかと思います。
ご親切に「www.独自ドメイン」も追加するか尋ねてくれるのでこちらもお好みでどうぞ。
ここの設定も簡単で表示されたAレコードを、
またまたお名前.comから今度は「ホスト名」のところにwwwと入力して発行されたAレコードを2つ追加するだけです。
firebaseコンソール上で、今回追加したカスタムドメインは最初「保留中」と表示されているかと思います。
反映されるまでには最大で24時間かかると書かれていましたが、僕の場合は保留中と書かれながらも1時間も経たないうちにドメインからアクセスできるようになっていました。
- wwwドメインも最初、「設定が必要です」と表示されてましたが、少しおいとくとそのうち「保留中」に変わってアクセスできるようになってました。
これで終わりです！
お疲れ様でした！