More Related Content
Similar to 急なトラフィック増にも動じない、Amazon S3とCloudFrontを活用したWebサイト構築
Similar to 急なトラフィック増にも動じない、Amazon S3とCloudFrontを活用したWebサイト構築 (20)
急なトラフィック増にも動じない、Amazon S3とCloudFrontを活用したWebサイト構築
- 3. 株式会社 データクラフト
・写真素材の販売
ロイヤリティーフリーの写真素
材
印刷、マルチメディア、WEBデザインな
ど幅広い用途に利用可能な、ロイヤリ
ティーフリー・デジタルフォトコレク
ション。
http://www.sozaijiten.com/
ストックフォトのダウンロード
販売
国内・海外のフォトブランドから210万
点
以上の写真素材を提供するストック
フォ
http://imagenavi.jp/
トダウンロード販売サイト。
- 22. 静的コンテンツはS3から配信
http://mysite.com Web
Server
Users
<img src=“/img/top.jpg” />
↓
↓静的コンテンツのURLをS3のURLに書き換え
る
http://static.mysite.com
↓
<img src=“http://static.mysite.com/img/top.jpg” />
※ Apacheの場合、mod_ext_filter/mod_sedの機能で、
動的に書き換えが可能
S3
画像ファイル、js、cssファイルを配置する
- 23. 全コンテンツを静的化してS3から配信
http://admin.mysite.com
Web
Server
Users
全コンテンツを静的化して、s3cmd等を使い
S3に転送する
EC2を利用する場合は、コンテンツの更新時
http://mysite.com のみ、インスタンスを立ち上げる
全コンテンツを配置する
S3
ブログサイト、コーポレートサイト、キャンペーンサイトに適用しやすい。
- 24. 期間限定で、動的コンテンツを静的化し
てS3から配信 S3に配置したコンテンツへのアクセスは、S3
にリダイレクトする
http://mysite.com Web
Server
Users
動的コンテンツを静的化してS3に転送する
http://event.mysite.com
静的コンテンツ化した動的コンテンツ
を配置する
S3
TV紹介される等、トラフィック増が予想される期間、頻繁にアクセスされる動
的コンテンツが分かっている場合、動的コンテンツを静的化してS3に配置する。
- 25. 期間限定で、動的コンテンツを静的化し
てS3から配信(後始末)
http://mysite.com Web
Server
Users
http://event.mysite.com
Webサーバへリダイレクトさせる
S3
期間終了後、S3のリダイレクト機能を使って、S3のアクセスをWebサーバに戻す
こと。
- 33. 静的コンテンツはS3から配信
http://mysite.com Web
Server
Users
<img src=“/img/top.jpg” />
http://static.mysite.com
↓
↓静的コンテンツのURLをS3のURLに書き換え
る
↓
<img src=“http://static.mysite.com/img/top.jpg” />
S3 ※ Apacheの場合、mod_ext_filter/mod_sedの機能で、
動的に書き換えが可能
- 34. 静的コンテンツはCloudFrontから配信
http://mysite.com Web
Server
Users
<img src=“/img/top.jpg” />
http://cdn.mysite.com ↓
↓静的コンテンツのURLをCloudFrontのURLに書き換える
↓
<img src=“http://cdn.mysite.com/img/top.jpg” />
CloudFront
http://static.mysite.com
S3
- 35. 静的コンテンツはCloudFrontから配信
http://mysite.com Web
Server
静的コンテンツ配信用のバーチャル
Users ホストを立てて、そのホストをオリ
http://static.mysite.com
ジンサーバに指定する
http://cdn.mysite.com
CloudFront
- 37. 全コンテンツをCloudFrontから配信
http://admin.mysite.com このパターンはSEO的に問題があるかもしれませ
ん。
Web CDNから配信されたWebサイトは、Googleの検索結
Server 果で、サイトリンクが表示されなくなるという情
報が・・・
Users
SEOは気にしない!というケース(短期間の配
信)であれば全く問題ないかと思います。
http://mysite.com
Google検索結果より
サイトリンク
CloudFront
http://static.mysite.com
S3
- 38. CloudFront導入時の注意点
・キャッシュコンテンツを早急に更新したい場合
・コンテンツのURLを変更
<img src=“http://cdn.mysite.com/img/top.jpg” /> ✔ コンテンツのファイル名を変更
↓
<img src=“http://cdn.mysite.com/img/top2.jpg” />
<img src=“http://cdn.mysite.com/img/top.jpg” /> ✔ コンテンツのファイル名を変更
↓ クライアントの環境によっては、意図
<img src=“http://cdn.mysite.com/img/top.jpg?20130222” /> 通り動作しないのでオススメしません
<img src=“http://cdn.mysite.com/img/top.jpg” /> ✔ コンテンツのファイル名を変更
↓ 要rewrite (バージョン指定を無しに変
<img src=“http://cdn.mysite.com/img/20130222/top.jpg” /> 換)
・キャッシュを無効化
AWS管理コンソールで、一つづつURLを指定して無効化する。
完了までに10分くらいかかる。