AWS CloudFrontとS3とRoute53でwww.ありドメイン名をwww.なしドメイン名にリダイレクトする

ドメイン名でWebページを表示できるようになって気づきました。
ドメイン名は「www.」無しで取得して設定もしたので、「www.」ってつけても大丈夫なのかなと。

早速試して見たところ。。。。

見事にタイムアウトでした。。。

じゃあ「www.」つけてもアクセスできるようにする必要があるよね、ということで。

今回は下記のページを参考に項番2から実施してみました。
https://techblog.finatext.com/redirecting-www-subdomains-with-cloudfront-and-s3-8330a616dbc0

まずはS3で静的ホスティング機能の設定

1. 「www.ドメイン名.com」というバケットを作成
2. 静的ウェブサイトホスティングで「ドメイン名.com」にリダイレクトするように設定

これでS3の設定は終わり

次にCloudFrontの設定

1. オリジンドメインに同様にURLを選択
2. ビューワープロトコルポリシーはRedirect HTTP to HTTPSを選択して作成
3. 「ディストリビューションドメイン名」を覚えておく（メモしておく）

これでCloudFrontの設定は終わり

次はRoute53の設定

1. レコード名には「www」を入力
2. レコードタイプは「A – IPv4 アドレスと一部の AWS リソースにトラフィックをルーティングします。」を選択
3. エイリアスをONにして、トラフィックのルーティング先は「CloudFront ディストリビューションへのエイリアス」を選択
4. ディストリビューションは先ほどメモした「ディストリビューションドメイン名」を選択
5. ルーティングポリシーはシンプルルーティングのまま
6. レコードを作成

これでRoute53の設定は完了

「www.ドメイン名.com]を打ち込んで確認

無事Webページにアクセスできました！