Amazon CloudFront を使用します
このチュートリアルでは、Amazon CloudFront を使用して、コンテンツを配信する方法や、ウェブアプリケーションにおけるエンドユーザーのレイテンシーを短縮する方法について説明します。CloudFront は、エッジロケーションと呼ばれるデータセンターのグローバルネットワークを活用することによって、エンドユーザーに近いコンテンツをキャッシュして配信時間を減らし、コンテンツ配信速度をスピードアップします。 CloudFront は、Amazon S3 バケット、Amazon EC2 インスタンス、Amazon Elastic Load Balancing ロードバランサー、または独自のウェブサーバー (コンテンツがまだエッジロケーションにない場合) などのオリジンからコンテンツを取得します。CloudFront を使用することで、動的、静的、ストリーミング、インタラクティブのコンテンツを含め、ウェブサイトまたはアプリケーション全体を配信できます。
以下のステップでは、Amazon S3 バケットをオリジンとして設定し、ウェブブラウザを使用してディストリビューションをテストし、コンテンツが配信されていることを確認します。
このチュートリアルはすべて無料利用枠の範囲で実行できます。
高速のコンテンツ配信にはアカウントが必要です
コンソールにサインインするAWS 無料利用枠には、1 年間、1 か月あたり 50 GB のデータ転送 (アウト) と 2,000,000 件の HTTP または HTTPS リクエストが含まれます。
このステップでは、サンプルの静的コンテンツを Amazon S3 バケットにアップロードします。後続のステップで、このバケットを CloudFront オリジンとして使用します。Amazon S3 は、画像、動画、HTML ページ、.css ファイル、.js ファイルなどの静的コンテンツを含む Amazon CloudFront オリジンに適しています。
a.このチュートリアルで使用するサンプルイメージは、cloudfront-test-image.png と呼ばれる PNG イメージです。 右側のボタンをクリックしてサンプルイメージをダウンロードし、cloudfront-test-image.png として保存されていることを確認します。
b.ここをクリックすると、AWS マネジメントコンソールが新しいブラウザウィンドウで開きます。検索ボックスに S3 と入力し、ダブルクリックするとダッシュボードが表示されます。
(クリックして拡大)
c.S3 ダッシュボードが表示されたら、[Create Bucket (バケットの作成)] ボタンをクリックします。
- バケット名: バケットの名前を入力します - 一意の名前 (すべて小文字) を入力します。S3 バケット名のその他の制約については、「バケットの制約と制限」を参照してください。
- リージョン: レイテンシーの最適化、コストの最小化、規制要件への対応を行うために最寄りのリージョンを選択できます。
[Next] を選択します。
[Set properties (プロパティの設定)] パネルには、[Versioning (バージョニング)]、[Server Access Logging (サーバーアクセスロギング)]、[Tags (タグ)]、[Object-level Logging (オブジェクトレベルロギング)]、[Default Encryption (デフォルトの暗号化)] など、S3 バケットの役立つオプションが数多く用意されています。このチュートリアルでは、こうしたオプションを無効にしておきます。
[Next] を選択します。
[Set permissions (プロパティの設定)] パネルでバケットのアクセスコントロール権限を設定できます。このチュートリアルでは、こういったオプションを無効にしておきます。
[Next] を選択します。
[Review (確認)] パネルで [Create bucket (バケットの作成)] を選択します。
(クリックして拡大)
d.バケット名をダブルクリックします。[Upload (アップロード)]、[Add Files (ファイルの追加)] の順に選択し、コンピュータから cloudfront-test-image.png を選択します。
[Next] を選択します。
(クリックして拡大)
e.[Set permissions (アクセス許可の設定)] タブでイメージをパブリックに読み取れるようにする必要があります。 デフォルトでは、S3 オブジェクトはプライベートに設定されます。 [Manage public permissions (パブリックアクセス許可の管理)] を [Grant public access to objects(s) (オブジェクトへのパブリックアクセス許可)] に変更します。
[Next] を選択します。
[Set properties (権限の設定)] タブでは、[Storage class (ストレージクラス)]、[Encryption (暗号化)]、[Metadata (メタデータ)] を設定できます。このチュートリアルでは、こうしたオプションを無効にしておきます。
[Next] を選択します。
[Review (確認)] タブでファイルのアップロードを確認します。
[Upload (アップロード)] を選択します。
(クリックして拡大)
コンテンツが Amazon S3 にアップロードされたら、Amazon CloudFront コンソールを使用して、コンテンツを世界中のエンドユーザーに配信することができます。
a.ここをクリックすると、AWS マネジメントコンソールが新しいブラウザタブで開きます。 [Storage & Content Delivery (ストレージとコンテンツ配信)] の [CloudFront] をクリックして、Amazon CloudFront コンソールを開きます。
(クリックして拡大)
b. [Create Distribution (ディストリビューションの作成)] を選択します。
(クリックして拡大)
ユーザーがリクエストした際にコンテンツを取得するオリジンを CloudFront で把握できるように、ウェブディストリビューションで構成設定を指定します。Amazon S3 バケット (ストレージフォルダ) および HTTP サーバー (例: ウェブサーバー) をオリジンとして使用することができます。
a. まず、コンテンツの配信方法を選択します。 静的コンテンツおよび動的コンテンツにはウェブディストリビューションが使用されますが、Adobe Flash Media Server の RTMP プロトコルを使用したメディアファイルのストリーミングには RTMP ディストリビューションが適しています。
cloudfront-test-image.png は、静的イメージのため、Web (ウェブ) オプションの [Get Started (開始方法)] を選択します。
(クリックして拡大)
b. 設定できました。
[Origin Domain Name (オリジンドメイン名)] で、cloudfront-test-image.png を保存した S3 バケットの名前を選択します。
このチュートリアルでは、残りの構成設定はデフォルト値のままにしておきます。 各構成設定の詳細については、以下のドロップダウンをクリックしてください。
(クリックして拡大)
ディストリビューションを設定すると、CloudFront でディストリビューションが作成され、使用できるように CloudFront ネットワーク全体に伝達されます。 [Create Distribution (ディストリビューションの作成)] を選択します。
このプロセスが完了すると、ディストリビューションのステータス列は [In Progress (進行中)] から [Deployed (デプロイ済み)] に変わります。
注意: このプロセスが完了するまでに数分かかることがあります。
CloudFront によってディストリビューションに割り当てられたドメイン名が、ディストリビューションのリストに表示されます。このドメイン名は次のステップで必要になるため、忘れないようにしてください。 ディストリビューション ID フィールドをクリックすると、ドメイン名の下に完全な CloudFront ドメインが表示されたページが表示されます。
(クリックして拡大)
ウェブディストリビューションを作成したら、CloudFront によってオリジンからオブジェクトを取得し、ウェブブラウザに返ることを確認してテストを行います。 このテストでは、ステップ 4 で書き留めた CloudFront ドメイン名と、ステップ 1 で S3 バケットにアップロードしたイメージ名が必要になります。
a.コンピュータでテキストエディタを開きます。次の HTML コードをコピーアンドペーストします。
<html>
<head>CloudFront テスト</head>
<body>
<p>テキストコンテンツをここに挿入します。</p>
<p><img src="http://domain name/object name" alt="my test image">
</body>
</html>
- ドメイン名を、CloudFront によってディストリビューションに割り当てられたドメイン名 (例: d111111abcdef8.cloudfront.net) に置き換えます。
- オブジェクト名を、Amazon S3 バケットのイメージファイルの名前 (この場合は cloudfront-test-image.png) に置き換えます。
- このテキストをファイル (mycloudfronttest.html) に保存します。
b.ブラウザでウェブページを開いて、コンテンツが見られるか確認します。
(クリックして拡大)
ディストリビューションは、CloudFront コンソールから簡単に無効にすることができます。 課金されないように、不要になったディストリビューションは無効にすることをお勧めします。ただし、ディストリビューションが無効になると、そのディストリビューションでサポートされているウェブサイトはダウンし、エンドユーザーはそのコンテンツにアクセスできなくなることに注意してください。
a. 作成したディストリビューションの横にあるチェックボックスをオンにし、[Disable (無効化)] をクリックします。
(クリックして拡大)
b.確認を求める画面が表示されたら、[Yes, Disable (はい、無効化する)] をクリックします。
(クリックして拡大)
最初の Amazon CloudFront ウェブディストリビューションが作成され、Amazon S3 を使用してクラウド上にホストされている静的コンテンツが配信されました。設定をいくつか変更することで、CloudFront を使用して、ミーティング、カンファレンス、コンサートなどのライブイベントの動的コンテンツを HTTP または HTTPS でリアルタイムで配信できます。Amazon Cloudfront を使用すれば、動的、静的、ストリーミング、インタラクティブのコンテンツを含め、ウェブサイトまたはアプリケーション全体の配信を高速化できます。
Amazon CloudFront でウェブディストリビューションをセットアップし、静的コンテンツを配信する方法を学習しました。ご不明な点がございましたら、営業時間内または次回の AWS Tech Talks で CloudFront の担当エキスパートにお問い合わせください。
