「Amazon CloudFront」を使ってみよう

Amazon CloudFrontを使う手順は非常に簡単です。
まずAWSアカウントを作成する手順からご案内しますが、アカウントをすでにお持ちの方は読み飛ばしていただいて結構です。

1. AWSアカウントを作成

まずは、AWSアカウントを作成します。


スクリーンショット:2017年8月

AWSの公式サイトに行き、*「まずは無料ではじめる」をクリックします。
次に
「今すぐ無料アカウントを作成」*を選択します。


スクリーンショット:2017年8月

メールアドレスを入力し、「私は新規ユーザーです」にチェックを入れ、「サインイン」をクリックします。


スクリーンショット:2017年8月

次にログイン認証情報を入力してください。
ここで入力した情報は、AWSだけでなく、アメリカ合衆国のAmazonでもログインできます。
入力が完了したら「アカウントを作成」を入力します。


スクリーンショット:2017年8月

続いて、連絡先情報を入力します。
個人で使ってみる場合は「個人アカウント」にチェックを入れ、必要事項を入力します。
注意したいのは、アメリカ合衆国のアカウント作成画面と同じ順番になっているので、住所を入力する順番が逆になっています。

original__6_.png
スクリーンショット:2017年8月

次に、支払い情報を入力します。
登録自体は無料で、無料枠の利用内であれば請求はされません。

その後、指示にしたがって本人確認認証を行います。


スクリーンショット:2017年8月

続いて、サポートプランを選びます。
初めてAWSを使う場合には、「ベーシック」プランを選べば大丈夫です。


スクリーンショット:2017年8月

無事に「AWSマネジメントコンソール」と呼ばれる管理画面までたどり着いたら完了です。

2. Amazon CloudFrontの起動

次に、Amazon CloudFrontを起動します。
まず、マネジメントコンソールのAWSサービスの検索窓でCloudFrontを入力し、クリックしてCloudFrontの管理画面に移動します。

05.png
スクリーンショット:2017年9月

次に、Create Distributionをクリックします。

01.png
スクリーンショット:2017年9月

ディストリビューションにはWebとRTMPが用意されていますが、ここではWebのGet Startedをクリックします。

02.png
スクリーンショット:2017年9月

Origin Domain Nameの項目に、既存のレンタルサーバーのドメイン名を入力します(http://などは省く)。
ここにドメイン名を入力したら、自動でOrigin IDが入力されます。

03.png
スクリーンショット:2017年9月

他にもさまざまな設定項目がありますが、ここでは以上の欄だけ入力して、ページ下部のCreate Distributionをクリックしてディストリビューションを作成します。
一覧ページに今回作成したディストリビューションが表示されるので、ステータス欄が「In Progress」から「Deploy」に変わるのを待ちます(約10〜15分程度)。

04.png
スクリーンショット:2017年9月

デプロイが完了したら、ディストリビューション名をクリックして詳細を確認します。

06.png
スクリーンショット:2017年9月

Domain Nameと書かれたところがAmazon CloudFrontのエッジサーバー(ユーザーの最寄りにあるサーバー)経由のURLになります。
試しにブラウザで「http://」をつけてアクセスしてみるとオリジンサーバーと同じ内容なのが確認できるでしょう。

3. キャッシュの設定

Amazon CloudFrontでは、エッジサーバーに初期設定で24時間ファイルをキャッシュします。
そのため、サイトの更新を行ってブラウザをリフレッシュしても、エッジサーバー経由だとサイトが更新されていないという事態に直面することがあります。

キャッシュ時間を24時間以下にする場合には、オリジンサーバーにあるファイルにHTTPヘッダー情報を加える必要があります。
HTTPヘッダー情報を付け加えるには、HTMLファイルのheaderタグ内に以下のメタタグを設定するのが最も簡単です。

<meta http-equiv="Cache-Control" content=“日時または秒数” />
<meta http-equiv="expires" content=“日時または秒数” />

例えばキャッシュする時間を10分とする場合には、10分=600秒なので、content=“600”とすることで実現できます。

4. 独自ドメインの指定

Amazon CloudFrontから指定されたエッジサーバーのURLは冗長なもので、利便的な面でいうと不便であることが多いです。
しかし、このURLは独自ドメインで運用することもできます。

一度作成したディストリビューションの設定画面に戻り、editボタンを押すと、Alternative Domain Names(CNAMEs)の欄があります。

07.png
スクリーンショット:2017年9月

ここに独自ドメインを入力すれば、URLをだいたいすることができます。