More than 1 year has passed since last update.

AWS S3 で静的サイトを公開する(SSL化まで)

Last updated at 2022-03-12Posted at 2022-03-10

使うサービス

S3
AWS　Certificate Manager（以下ACM)
CloudFront
Route53
ドメインレジストラ（ドメイン管理会社のこと。今回はお名前.com）

静的なサイトならこれらだけでSSL化まで出来る

独自ドメインを取得し，Route53に設定

今回は私がお名前ドットコムで取得した"suamagaumai.com"というドメインを使う
手順通りで大丈夫なのでここの説明は省略

Route53に新規でホストゾーンを作成し，
NSレコードをお名前.comのネームサーバーに登録してあげる

↓

S3でバケットを作成

※バケット名は，独自ドメインの名前にすること

下記の画像の通り設定し，バケットを作成

作成したバケットにアクセスし，"アクセス許可"タブからバケットポリシーを編集
下記のように設定する

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

なので，私の場合は，下記の通り

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

その後用意したindex.htmlをアップロードする