インフラエンジニアログ

S3バケットの静的ウェブホスティング

  • 2020年7月21日
  • 2024年7月9日
  • AWS
  • 6ビュー
目次

概要

AWS S3のバケットを利用して、静的なウェブホスティングを起動する方法。

 

前提条件

・AWSアカウントを所持していること

 

S3バケットの作成

①　AWSマネジメントコンソールのサービスを検索するから「S3」と検索し「S3」を選択します。

 

②　左メニュー「バケット」→「バケットの作成」をクリックします。

 

③　一意な「バケット名」を入力します。

 

④　インターネットからアクセスするため「パブリックアクセスをすべてブロック」のチェックを外します。

 

⑤　右下「バケットを作成」をクリックして、バケットを作成します。

 

⑤　「作成バケット」→「概要」→「アップロード」から、htmlファイルをアップロードします。

 

⑥　アップロードしたhtmlファイルの内容は以下の通りです。

<html>
 <head>
  <title>Test</title>
 </head>
 <body>
  <h1>Hello World</h1>
 </body>
</html>

 

静的ウェブホスティングの設定

①　「S3バケット」→「アクセス制限」→「バケットポリシー」を開き、バケットポリシーエディターに静的ウェブホスティングするためのコードを入力します。入力後「保存」をクリックします。

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

②　「S3バケット」→「プロパティ」→「Static website hosting」を選択し「このバケットを使用してウェブサイトをホストする」を選択します。インデックスドキュメントに「index.html」と入力し「保存」をクリックします。

 

③　Static website hostingのエンドポイントのURLをクリックします。

 

④　URLにアクセスできれば完了です。