ネットの記事をみながら構成していくなかで、ハマったこと

Route53

Alias は「No」を選択して、Value に CloudFront のドメイン名を入力しよう。

ACM

そうしないと、CloudFront の画面で取得した証明書を選択できない。

解決方法1:

待つ。

ACM で証明書を取得しても、すぐには CloudFront の画面で選択ができない。

私は 1,2 日待ったら選択できるようになりました。

解決方法2:

手動でアップロードする。

私は試してないですが、手動でアップロードすることですぐに反映されるみたいです。

https://dev.classmethod.jp/cloud/aws/amazon-cloudfront-certificate-aws-cli/

解決方法:

CloudFront の設定画面で、「Default Root Object」を設定しましょう。

例えば、index.html など。

CloudFront の「Alternate Domain Names (CNAMEs)」に、

アクセスしたいドメインの値を設定しましょう。

S3 バケットポリシーで、オブジェクトとバケット全体を、パブリック公開設定にしましょう。

CloudFront でキャッシュが残っている可能性があります。

CloudFront の Invalidations で “/*” を設定して、全てのキャッシュを削除してみましょう。

バケットと、オブジェクトがパブリック公開になっていない可能性があります。

バケットポリシーを公開設定にして、各オブジェクトを公開設定にしましょう。

オブジェクトが大量にある場合は、 aws cli を用いてコマンドでサイドアップロードするのが手っ取り早いです。

aws s3 sync . s3://my-bucket/path –acl public-read

「アクセス権限」の「パブリックアクセス設定」を全て false にしましょう。

この機能は、2018年11/18から AWS に追加されました。