[AWS]S3で静的なウェブページを公開する設定

記事内に広告を含みます

この記事には広告を含む場合があります。

記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。

1 Amazon S3 にホスティングの設定をインターネットに公開する
- 1.1 S3 をウェブサイトとして公開する手順
2 さいごに

Amazon S3 にホスティングの設定をインターネットに公開する

以前の S3 は秒間100アクセスも処理できませんでしたが、機能拡張により GET リクエストであれば秒間5,500アクセスまで耐久できるようになりました。

〇ベストプラクティスの設計パターン: Amazon S3 パフォーマンスの最適化
https://docs.aws.amazon.com/ja_jp/AmazonS3/latest/dev/optimizing-performance.html

アプリケーションでバケット内のプレフィックスごとに 1 秒あたり 3,500 回以上の PUT/COPY/POST/DELETE リクエストと 5,500 回以上の GET/HEAD リクエストを達成できます。

上記のように大幅に性能が向上したのであれば、HTML + CSS + Javascript のみのページであれば、ウェブサイトとしても公開できるのでは！ということで、S3 の公開手順をまとめてみます。

S3 をウェブサイトとして公開する手順

まずは公開したいバケットを選択して、バケットの詳細画面に遷移します。

「プロパティ」＞「Static website hosting」を選択。

静的ウェブサイトをホストします。サーバー側技術は必要ありません。

と記載してあるので、探している項目が分かり易いですね。

エンドポイント = URL とインデックスドキュメントとエラードキュメントがあるので、これを設定すればOKです。

このままではアクセス権限が付与できていないため、外部からの接続ができませんでした。そこで「バケットポリシー」で全ての IP アドレスから GET リクエストのみを許容する設定を行います。

〇バケットポリシーに記述する内容

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