S3で静的Webサイトホスティングの設定を行う – 【AWS】

S3で静的Webサイトホスティングの設定を行う – 【AWS】

S3バケットを使用して静的Webサイトのホスティング設定を行います。

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

「プロパティ」から静的ウェブサイトホスティングを有効にします。

パブリックアクセスをすべてブロックをオフ

パブリックアクセスをすべてブロックをオフにします。

バケットポリシー設定

バケットポリシーを設定します。バケット名部分は変更してください。

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

index.htmlをアップロード

S3バケット直下にindex.htmlをアップロードします。

アップロードしたindex.htmlのオブジェクトの概要を見ると、オブジェクトURLが表示されていますのでリンクをクリックします。

index.htmlの内容が表示されました。

が、これは正確にはオブジェクトのURLになります。静的Webサイトホスティングはhttpプロトコルです。

「プロパティ」ー「静的ウェブサイトホスティング」欄にあるURLが静的Webサイトホスティングとなる点、注意が必要です。

httpsにしたい場合は、CloudFrontをかます必要があります。

高橋

KHI入社して退社。今はCONFRAGEで正社員です。関西で140-170/80～120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^