More than 5 years have passed since last update.

S3上の静的ウェブサイトを独自ドメインで利用する

Last updated at 2015-11-14Posted at 2015-11-14

「アマゾンウェブサービスで静的ウェブサイトをホストする」の記事を参考にS3で静的ウェブサイトホスティングの設定をする。今回はRoute 53に登録してある独自ドメインを使用したいので、バケット名はドメイン名と同じものにするのがポイント。

例として、Route 53にはあらかじめ独自ドメイン「www.example.com」が登録されていることとする。

S3で静的ウェブサイトホスティングの設定をする

S3に「www.example.com」のバケット名でバケットを作成する
バケット一覧でバケットを選択し、右上の「プロパティ」をクリックするとバケットの情報が表示される
プロパティの「アクセス許可」で「バケットポリシーの編集」をクリックするとバケットポリシーエディターが開く
バケットポリシーを編集し、誰でもこのバケットの内容を閲覧できるように設定する（「ステップ3」参考）
ウェブサイトのホスティングを有効にする
「インデックスドキュメント」はエンドポイントのURLにアクセスした際に表示されるファイル、「エラードキュメント」は存在しないファイルのURLにアクセスした際等に表示されるファイル
コンテンツ（index.html, error.html等）を作成して、バケットにアップロードする
エンドポイントのURLにアクセスすると、index.htmlの内容が表示される

Route 53で「Hosted Zones」から関連付けを行うドメイン名を選択する
「Create Record Set」ボタンをクリックし、Aレコードを登録する
「ステップ5」の説明では、「 [Alias Target] をクリックします。リストから www サブドメインのウェブサイトエンドポイント（www.example.com）を選択します。」のように記載があるが、実際にリストに表示されるのは(www.example.com)s3-website-ap-northeast-1.amazonaws.comのように長いもの。ステップ5の説明に貼ってあるキャプチャーのように「Alias Target」に「www.example.com」と入力するとエラーで登録できないので注意。
（S3で静的ウェブサイトのホスティングを有効にしたバケットを登録すると以下のように「Alias Target」のプルダウンに表示されるようになる）
レコード登録後、しばらくすると設定したドメイン名でS3のコンテンツにアクセスできるようになる