37
31

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Posted at

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

37
31
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
37
31

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?