概要
本記事は AWSでWebアプリを構築してみる シリーズの2回目の記事です。
前回の記事はこちら。
本記事で作成する構成
本記事では静的ウェブサイトホスティングにCloudFrontを経由してアクセスできるようにしてみます。
ここでは図のようにS3でホスティングした静的ウェブサイトに直接アクセスすることと、CloudFrontを経由して間接的にアクセスすることの、２通りのアクセスが可能な状態になります。
静的ウェブサイトホスティングにCloudFrontを経由してアクセスしてみる
1. CloudFrontを構築する
-
マネジメントコンソールからCloudFrontを開き、「ディストリビューションを作成」をクリック
-
オリジンでは「オリジンドメイン」に静的ウェブサイトホスティングにCloudFrontを経由してアクセスしてみるで作成したS3バケットを選択し、Webサイトのエンドポイントを使用をクリック
-
デフォルトのキャッシュビヘイビアでは「ビューワープロトコルポリシー」で「Redirect HTTP to HTTPS」を選択してHTTPをHTTPSにリダイレクトするようにして、さらに「許可されたHTTPメソッド」で「GET, HEAD」を選択してHTTPメソッドのGETとHEADのみ許可するようにする
-
「ディストリビューションの作成」をクリック
5. 静的ウェブサイトにアクセスする
-
作成したディストリビューションの一般タブを開き、「ディストリビューションドメイン名」をコピーしてブラウザで開き、静的ウェブサイトホスティングにCloudFrontを経由してアクセスしてみるで作成した静的ウェブサイトにアクセスできることを確認する
