第3回デモ　静的ウェブサイトの作成

ゴール

S3サービスを使い、静的コンテンツのみを扱うウェブサイトを構築する

方法

ステップ 1: ウェブサイトとしての設定

1. 第2回講義の予習で作成した管理者権限を持つIAMユーザーでAWSにサインインし、S3サービスを選択

2. 第3回講義の予習で作成した [バケット] を選択し、 [プロパティ] タブを選択

3. [Static website hosting] を選択し、[このバケットを使用してウェブサイトをホストする] を選択する

4. [エンドポイント :] のURLをメモする

5. [インデックスドキュメント] に「index.html」を入力

6. [エラードキュメント] に「error.html」を入力

7. [保存] を選択

ステップ 2: バケットのコンテンツを公開するバケットポリシーの追加

1. [アクセス権限] タブを選択し、[バケットポリシー] を選択

2. [バケットポリシーエディター] に次のポリシーを記載

   {
     "Version":"2012-10-17",
     "Statement":[{
       "Sid":"PublicReadForGetBucketObjects",
           "Effect":"Allow",
         "Principal": "*",
         "Action":["s3:GetObject"],
         "Resource":["arn:aws:s3:::第3回講義の予習で作成したバケット名/*"
         ]
       }
     ]
   }
   

3. [保存] を選択

ステップ 3: インデックスドキュメントのアップロード

1. [オブジェクト] タブを選択し、[アップロード] を選択

2. [ファイルを追加] を選択し、「index.html」、「error.html」を選択

3. [アップロード] を選択

ステップ 4: ウェブサイトのテスト

1. 「ステップ 1: でメモしたエンドポイントのURL」 にアクセスし、「index.html」が表示されることを確認
2. 「ステップ 1: でメモしたエンドポイントのURL/test」 にアクセスし、「error.html」が表示されることを確認

参照

http://docs.aws.amazon.com/ja_jp/AmazonS3/latest/dev/HostingWebsiteOnS3Setup.html