Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

Firebase Hostingで公開したWebサイトにカスタムドメインを設定するやり方

More than 3 years have passed since last update.

Firebase Hostingのカスタムドメインの設定方法について書こうと思います(^O^)

カスタムドメインの設定は無料できます。設定もそれほど??難しくないです...

①ドメイン取得

お名前.comRoute 53などで、好きなドメインを取得します。

※ドメイン取得に関しては省略します。時間があるとき、Route 53のドメイン取得について書こうと思います。

②Firebase HostingにWebサイト公開

Webサイトを作成し、firebase deployしてFirebase HostingにWebサイトを公開します。

③ドメインの追加

次に、Firebaseのconsole画面のHostingを選択すると、カスタムドメインを接続のボタンがあるので、それを選択します(•̀ᴗ•́)و

スクリーンショット 2016-09-07 13.03.45.png

このような画面が表示されるので、取得したドメインを入力して、次へを選択。

スクリーンショット 2016-09-06 21.55.11.png

④所有権の確認

TXTレコードを追加してくださいと表示されるので、ドメインを取得した所(Route 53など)に、表示されている値を追加します。
追加したら、確認を選択。

スクリーンショット 2016-09-06 21.55.40.png

すると、このようなステータス画面が表示されます。

スクリーンショット 2016-09-06 22.06.38.png

だいたい24〜48時間くらいで完了するようです。気長に待ちましょう( ̄ー ̄)b

⑤実行

ステータスが確認が完了しましたになったら、設定を続けるを選択します。

スクリーンショット 2016-09-07 7.01.01.png

すると、このような画面が表示されます。
CNAMEの設定をドメインを取得した所(Route 53など)に、表示されている値を追加したら完了です。

スクリーンショット 2016-09-07 7.01.27.png

これで、設定は完了です!!お疲れ様です(笑)

⑥確認

取得したドメインにアクセスして、ちゃんと表示されているか確認しましょう( *• ̀ω•́ )b

gupuru
decentralized application engineer.
https://gupuru.com/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away