インフラエンジニアの技術ブログ

日々学んでいることをブログでまとめていきます。

AWS S3 静的ホスティング機能の動作確認

1.静的ホスティング用のバケットを作成

変更点
アクセス許可の設定のチェックボックスのチェックは
すべて外す。

 

2.静的ホスティングの設定
パケットの[プロパティ]タブ-[Static Website hosting]をクリック

[このバケットを使用してウェブサイトをホストする]を選択

インデックスドキュメントのテキストボックスに
index.html
と入力

[保存]

 

3.バケットポリシーの設定
パケットの[アクセス権限]タブ-[バケットポリシー]をクリック
以下内容を貼り付けし[保存]
ただし、下記のbucket-nameはバケット名におきかえること
------
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "PublicReadForGetBucketObjects",
"Effect": "Allow",
"Principal": "*",
"Action": "s3:GetObject",
"Resource": "arn:aws:s3:::bucket-name/*"
}
]
}
------

アクセス権限、バケットポリシーの部分にオレンジで
パブリック
と表示される。

 
4.Webページをアップロード
パケットの[概要]タブから
index.html
をアップロード
index.htmlの中身の例
------
<html><h1>hello world!!</h1></html>
------

パケットの[プロパティ]タブ-[Static Website hosting]をクリック

エンドポイントという文字の横にURLが生成されているのでクリック

正常ならindex.htmlの中身
hello world!!
の表示を確認できる。