月額10円〜 - Amazon S3でウェブサイトをホスティングする方法

STEP2: 作成したバケットをWebサイト用に設定する。

1. Webサイト機能を有効にする。

   1. 作成したバケットのPropertiesを開き、Websiteタブをクリックします。

   2. Enabledチェックボックスをチェックします。

   3. Index Documentには、インデックスファイル(TOPページ)のファイル名を入力します。

   4. 設定を有効にするためにSaveボタンをクリックし設定を保存します。

2. 次にバケットポリシーを追加します。デフォルトではバケットにアップロードしたファイルは自分しか閲覧権限がありませんので、アップロードしたファイルが誰でも見られるようにする必要があります。

   アップロードしたファイルに対してひとつひとつ、誰でも閲覧可能なようにパーミッションを設定することもできますが、大量のコンテンツがある場合時間がかかりますし、コンテンツを上書きする場合にも毎回設定を行う必要がでてきます。その点バケットポリシーを使えば、バケット内の全てのオブジェクトに対して、誰もが閲覧可能となるようなバケットポリシーを一度追加するだけで、それ以降そのバケットにアップロードされたオブジェクトは誰もが閲覧可能になりますので、バケットポリシーを追加することをおすすめします。バケットポリシーの追加方法は次のとおりです。

   1. バケットのPropertiesを開き、Permissionsタブをクリックします。

   2. Add Bucket Policyをクリックします。

   3. 以下のバケットポリシーをコピーし、Bucket Policy Editor内に張りつけます。(example-bucketの部分を自分のバケット名に書きかえてください。)

      {
        "Version":"2008-10-17",
        "Statement":[{
      	"Sid":"PublicReadForGetBucketObjects",
              "Effect":"Allow",
      	  "Principal": {
                  "AWS": "*"
               },
            "Action":["s3:GetObject"],
            "Resource":["arn:aws:s3:::example-bucket/*"
            ]
          }
        ]
      }

   4. Saveボタンをクリックし設定を保存します。

3. インデックスドキュメントをアップロードします。

   Amazon S3はウェブサイトのルートまたはサブフォルダに対するアクセスがリクエストされた際、インデックスドキュメントを返します。例えば、http://example-bucket.s3-website-us-east-1.amazonaws.com/にリクエストがあると、http://example-bucket.s3-website-us-east-1.amazonaws.com/index.htmlを返します。

   1. ドキュメントを作成します。

      ファイル名 (index.html)は先の手順で設定したIndex Documentで指定したものと同じである必要があります。

   2. コンソールを使って、インデックスドキュメントをバケットにアップロードします。

4. ウェブサイトの動作確認を行います。

   1. 以下のURLをブラウザに入力します。(example-bucketの部分を自分のバケット名に変更してください。また東京リージョン以外のリージョンを選択した場合は、Website EndpointsでURLを確認ください。)

      ブラウザ上にアップロードしたページが表示されたら成功です。

      http://example-bucket.s3-website-ap-northeast-1.amazonaws.com (東京リージョンの場合)

ネクストステップ: 独自ドメインでアクセスできるよう設定する。

必要であれば、上記でセットアップしたAmzon S3上のウェブサイトを独自ドメインを使用して運用することもできます。

1. 利用したいホスト名を決定します。今回はmysite.horiuchi.asiaとします。

2. ホスト名と同名のバケットを作成します。

   今回の例では、バケット名はmysite.horiuchi.asiaになります。

3. S3バケット用のエイリアスとしてホスト名を定義するためにCNAMEレコードを作成します。今回の例では以下のようなレコードを作成します。

   mysite.horiuchi.asia CNAME mysite.horiuchi.asia.s3-website-ap-northeast-1.amazonaws.com

   CNAMEレコードの作成方法については、お使いのDNSサーバーもしくはDNSサービスの設定方法をご確認ください。DNSの設定は、Amazon Route53で行うこともできます。