Route53に登録済みのドメインとCloudFrontに紐付ける AWS

プログラミング

2022.03.202022.01.20

はじめに
前提
対応内容
おわりに
参考

はじめに

CloudFrontとS3を使って静的なウェブサイトを構築することはよくあると思いますが、
そこに独自ドメインを設定を設定する必要がでてきたので、その対応メモになります。

前提

Route53に対象のドメインがホストゾーンに登録済みであること
CloudFrontのディストリビューションドメインが発行済みであること

Route53にドメインを紐付けるていない方はこちらを参考にしてください。
https://gdtypk.com/sakura-domain-route53-hostz-one/

CloudFrontでS3静的ウェブサイトを構築する手順はこちらになります。
https://dev.classmethod.jp/articles/cloudfront-s3-web/

対応内容

ACM(AWS Certificate Manager)でパブリック証明書を作成

ACMのページでリクエストを選択します。

パブリック証明書をリクエストを選択します。

証明書リクエストに必要な情報を入力します。
DNS認証であれば、自動更新が有効になるので可能であればDNS認証が良いです。(Route53にホストゾーン設定済みであれば、可能)

検証が保留されているので、選択して詳細ページに遷移します。

Route53でレコードを作成を選択します

Route53のホストゾーンにドメインがあれば、レコードを作成できるので選択します。

無事にステータスが変更されたことを確認します

念の為Route53にCNAMEレコードが追加されていることを確認します。

CloudFrontでACMを利用してドメインを紐付ける

設定したいCloudFrontのディストリビューションを選択し、編集を選択します。

ディストリビューションに必要な情報を入力をします。

設定したドメインが表示されることを確認します。

ディストリビューションをメモしておく。

Route53にAレコードを設定する

対象のドメインにアクセスがあった時に、CloudFrontにアクセスするようにする必要があります。

Route53のホストゾーンの詳細ページでレコード作成を選択します。

必要な情報を入力します

Aレコードが設定されているか確認する

dig  対象のドメイン
対象のドメイン.    60  IN  A   IPアドレス(CloudFront側で自動的に振られたもの)
対象のドメイン.    60  IN  A   IPアドレス(CloudFront側で自動的に振られたもの)
対象のドメイン.    60  IN  A   IPアドレス(CloudFront側で自動的に振られたもの)
対象のドメイン.    60  IN  A   IPアドレス(CloudFront側で自動的に振られたもの)

実際にドメインでアクセスできるか確認する