はじめに

自主制作したwebページをS3にて公開しようとしたところフォルダ内のオブジェクトにアクセス出来なかったため、アクセス出来るようになるまでの手順を記しておきます。

1.バケットの作成
2.静的ウェブサイトホスティングを有効にする
3.パブリックアクセスの設定
4.バケットポリシーの設定
5.オブジェクトの配置
6.オブジェクトの公開設定
7.アカウントのブロックパブリックアクセス設定
8.接続確認

バケットの作成

AWSのマネジメントコンソールにサインインしてS3を開く。
マネジメントコンソールのアドレス(https://console.aws.amazon.com/s3/)
S3を開いた後に「バケットを作成」を選択。

「バケット名」「AWSリージョン」の設定。
「バケット名」は任意のもの。
「AWSリージョン」は最も近いものにする。日本なら東京リージョンか大阪リージョンで海外のものを設定するとレイテンシーやコストの問題が発生する。

その他の設定はデフォルトで問題ないです。
ブロックパブリックアクセス設定は後から設定するのでそのままで問題なし。
画面下部の「バケットを作成」を選択
バケットの作成が成功すると画面上部に作成された旨のメッセージが出ます。

2.静的ウェブサイトホスティングを有効にする

作成したバケットの「名前」を選択

「プロパティ」を選択

静的ウェブサイトホスティングの「編集する」を選択

静的ウェブサイトホスティングを「有効にする」を選択
「インデックスドキュメント」は任意
「エラードキュメント」は任意

画面下部の「変更の保存」を選択

3.パブリックアクセスの設定

「アクセス許可」を選択
「ブロックパブリックアクセス「バケット設定」の「編集する」を選択

アクセスの設定を完了する前に下記を確認するように公式からアナウンスされてます
(https://docs.aws.amazon.com/ja_jp/AmazonS3/latest/userguide/access-control-block-public-access.html)

「パブリックアクセスをすべてブロック」のチェックを外す
「変更の保存」を選択

「フィールド」に「確認」を入力
「確認」を選択

4.バケットポリシーの設定

「アクセス許可」を選択

「バケットポリシー」の「編集する」を選択

「ポリシー」に必要な情報を記載する。
""Resource""以下に「バケットARN」を設定
画像下にテンプレートコード記載あり

テンプレート
{
　　　　"Version": "2012-10-17",
　　　　"Statement": [
　　　　{
　　　　　　　"Sid": "PublicReadGetObject",
　　　　　　　"Effect": "Allow",
　　　　　　　"Principal": "",
　　　　　　　"Action": [
　　　　　　　　　"s3:GetObject"
　　　　　　　],
　　　　　　　"Resource": [
　　　　　　　　　"arn:aws:s3:::Bucket-Name/"
　　　　　　　]
　　　　}
　　　　]
}