世界中で一億回やられてる作業なので僕が言うことはない。これ読む。終わり。いつ書かれたものかよくわからないけどAWSのドキュメント類は割と頑張って最新の状態に追従してるので信頼していい。
https://repost.aws/knowledge-center/cloudfront-serve-static-website
- S3バケット作る
- 静的ウェブサイトホスティングは無効でいい
- CloudFrontディストリビューションを作る
- Origin access control settingsを選ぶ
- ディストリビューションを作った後にS3にコピペするためのポリシーのコピーボタンが表示されるので、そこでコピってS3のアクセス許可→バケットポリシーにペーストする
https://hogehoge.cloudfront.net でindex.htmlにアクセスさせたい
CloudFront側のディストリビューションの設定からデフォルトルートオブジェクトをindex.htmlに設定する
その他のhtmlファイルに.htmlなしでアクセスさせたい
S3側でhtmlファイルの.htmlを削除し、Content-Typeをtext/htmlにする（大抵最初からなってそう）
https://medium.com/@gauravduttkale/static-aws-s3-website-pages-without-html-extensions-12db3e15e153