👅

AWS S3 で静的サイトを公開する

2022/05/07に公開

AWS

tech

AWS S3 で静的サイトを公開するまでの作業手順です。

1.バケットの作成

▶ 一般的な設定

バケット名を入力します。
東京リージョン以外にしたければリージョンを変更します。

▶ オブジェクトの所有権

デフォルトのままです。

▶ このバケットのブロックパブリックアクセス設定

パブリックアクセスをすべてブロックのチェックを外し、承認をチェックONします。

▶ バケットのバージョニング

誤ってファイルを削除や上書きしてしまったりした場合に復元できるので有効にしておきます。

▶ タグ(0) - オプション

デフォルトのままです。

▶ デフォルトの暗号化

デフォルトのままです。

▶ バケットの作成

バケットを作成します。

2.バケットに追加の設定をする

作成したバケットを選択します。

▶ 静的ウェブサイトホスティング

プロパティタブを選択し、最下部の「静的ウェブサイトホスティング」の編集をクリックします。

静的ウェブサイトホスティングを有効にするを選択します。

インデックスドキュメントとエラードキュメントに「index.html」を指定します。

変更の保存をクリックします。

▶ アクセス許可

アクセス許可タブを選択し、バケットポリシーの編集ボタンをクリックします。

ポリシーの内容を変更します。

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": [
                "s3:GetObject"
            ],
            "Resource": [
                "arn:aws:s3:::バケット名/*"
            ]
        }
    ]
}