はじめに
お名前.com で取得したドメインのネームサーバーを Route 53 に変更して、CloudFront の代替ドメイン名に設定するまでの手順を紹介していきます！
ドメインのネームサーバーを Route53 に変更する
お名前.com でドメイン取得した際、ネームサーバーを お名前.com のサーバーに設定していましたので、ネームサーバーを Amazon Route 53 に変更していきます。
Route 53 でホストゾーンの作成
Route 53 で管理したいドメイン（お名前.com で取得されたドメイン）を入力して、ホストゾーンを作成します。
ホストゾーンを作成すると、NS レコードと SOA レコードが発行されます。
NS レコード例
ns-1**.awsdns-1*.net
ns-2**.awsdns-2*.com
ns-3***.awsdns-3*.co.uk
ns-4***.awsdns-4*.org
この発行された NS レコードを お名前.com に登録していきます。
お名前.com でネームサーバー設定
お名前.com のネームサーバー設定 で、ネームサーバーのアドレスを登録していきます。
確認ダイアログで設定を確認し、設定を進めれば作業は完了です。
ネームサーバーの確認
nslookup コマンドでネームサーバーを確認することができます。
$ nslookup -type=NS your-check-domain.com
Server: xxxx
Address: xxxx
Non-authoritative answer:
your-check-domain.com nameserver = ns-1**.awsdns-1*.net.
your-check-domain.com nameserver = ns-2**.awsdns-2*.com.
your-check-domain.com nameserver = ns-3***.awsdns-3*.co.uk.
your-check-domain.com nameserver = ns-4***.awsdns-4*.org.
CloudFront の代替ドメイン名に設定
subdomain.your-check-domain.com のようにサブドメインを指定した URL でアクセスできるようにしていきます。
AWS Certificate Manager で証明書リクエスト
取得したドメインおよび、複数のサブドメインを使用できるようにワイルドカードを使ったドメインで証明書をリクエストしていきます。
your-check-domain.com*.your-check-domain.com
「Route 53 でレコードを作成」から DNS レコードを作成していきます。
レコード作成後、ステータスが 保留中の検証 から 発行済み に変わります。
サブドメインのレコードを作成
Route 53 でサブドメインのレコードを作成します。
- 任意のサブドメインを入力します。
- レコードタイプは A レコードを指定します。
- エイリアスを有効に変更します。
- トラフィックのルーティング先で CloudFront ディストリビューションへのエイリアス を指定します。
- CloudFront の ディストリビューションドメイン名 を入力します。（
https://は不要）
CloudFront の代替ドメイン名に設定
最後に、サブドメイン付きのドメインを CloudFront の代替ドメイン名に設定していきます。
- 代替ドメイン名にドメインを入力します。
- カスタム SSL 証明書に作成した
*付きの証明書を指定します。
以上ですべての作業が完了です！
まとめ
勉強会に作成したデモアプリを自分で取得したドメインで公開したかったので、Route 53 に移管しつつ、CloudFront に設定するところまでやってみました！
参考記事も多く、作業自体はスムーズでした。
nslookup コマンドでネームサーバーを何度も確認するも、なかなか反映されない... という事態に陥りましたが、以下のような事象を確認できたので Wi-Fi ルーターのキャッシュが原因かなと思います。
- Wi-Fi 経由で URL にアクセス：失敗
- 携帯の回線で URL アクセス：成功
キャッシュ削除が面倒だったので朝には解決するだろうと思って、この日は寝ました😴💤💤
朝起きたら、無事にアクセスできました🙌笑
参考
私達は『ワークスタイルの未来を切り拓く』という理念のもとワークフローの本質を追求し、新しいワークスタイルを提案するとともに、コラボスタイルが率先して時代に適したワークスタイルを常にバージョンアップし発信していきます。
Discussion