【AWS】S3での静的ウェブサイトホスティングの設定方法

2024-01-14

当ページのリンクには広告が含まれている可能性があります。

S3での静的ウェブサイトホスティングの設定方法を解説します。

▼ おすすめ本
» 世界一流エンジニアの思考法
※Amazon公式サイトへ遷移します

静的ウェブサイトホスティングを設定するバケットを作成する

「バケットを作成」をクリックします。

バケットを作成します。

静的ウェブサイトホスティングを設定する

静的ウェブサイトホスティングしたいバケットに移動し、「プロパティ」に移動します。

静的ウェブサイトホスティングの「編集」をクリックします。

静的ウェブサイトホスティングを有効にします。インデックスドキュメントに「index.html」、エラードキュメントに「error.html」を設定します。

htmlファイルのアップロード

静的ウェブサイトホスティングを設定したバケットに、index.htmlファイルとerror.htmlファイルをアップロードします。

ACLとバケットポリシーを設定する

ファイルを選択した状態で、「アクション」→「ACLを使用して公開する」をクリックします。

アクセス許可に移動し、バケットポリシーの「編集」をクリックします。

以下のバケットポリシーを設定します。

※”Resource”の「Bucket-Name」はS3バケットの名前に書き換えてください。

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": [
                "s3:GetObject"
            ],
            "Resource": [
                "arn:aws:s3:::Bucket-Name/*"
            ]
        }
    ]
}