CloudFront構築事例 ハートビーツ 20121025

59
CloudFront構築事例 株式会社ハートビーツ 技術統括責任者 馬場俊彰 [email protected] http://heartbeats.jp/

description

クラウドでのCDN活用指南セミナー http://kokucheese.com/event/index/53499/ で話した内容です。

Transcript of CloudFront構築事例 ハートビーツ 20121025

Page 1: CloudFront構築事例 ハートビーツ 20121025

CloudFront構築事例株式会社ハートビーツ

技術統括責任者 馬場俊彰[email protected]://heartbeats.jp/

Page 2: CloudFront構築事例 ハートビーツ 20121025

https://d2868cy5s1ejmq.cloudfront.net/Cloudfront-Diagram_Website_Updated.jpeg

Page 3: CloudFront構築事例 ハートビーツ 20121025

https://d2868cy5s1ejmq.cloudfront.net/Cloudfront-Diagram_Website_Updated.jpeg

Route53

Page 4: CloudFront構築事例 ハートビーツ 20121025

https://d2868cy5s1ejmq.cloudfront.net/Cloudfront-Diagram_Website_Updated.jpeg

Route53

FrontendCloudfront

Page 5: CloudFront構築事例 ハートビーツ 20121025

https://d2868cy5s1ejmq.cloudfront.net/Cloudfront-Diagram_Website_Updated.jpeg

Route53

FrontendCloudfront

S3

Page 6: CloudFront構築事例 ハートビーツ 20121025

https://d2868cy5s1ejmq.cloudfront.net/Cloudfront-Diagram_Website_Updated.jpeg

Route53

FrontendCloudfront

S3

Route53+EC2/ELB

Page 7: CloudFront構築事例 ハートビーツ 20121025

https://d2868cy5s1ejmq.cloudfront.net/Cloudfront-Diagram_Website_Updated.jpeg

Route53

FrontendCloudfront

S3

Route53+EC2/ELB

Route53+Custom Origin

Page 8: CloudFront構築事例 ハートビーツ 20121025

AWSにどっぷり

Page 9: CloudFront構築事例 ハートビーツ 20121025

じゃないシステム

Page 10: CloudFront構築事例 ハートビーツ 20121025

ホスティングサーバ

Internet

Page 11: CloudFront構築事例 ハートビーツ 20121025

専用サーバInternet

共有ロードバランサ

専用Proxyサーバ

専用Webサーバ

Page 12: CloudFront構築事例 ハートビーツ 20121025

https://d2868cy5s1ejmq.cloudfront.net/Cloudfront-Diagram_Website_Updated.jpeg

Page 13: CloudFront構築事例 ハートビーツ 20121025

https://d2868cy5s1ejmq.cloudfront.net/Cloudfront-Diagram_Website_Updated.jpeg

Page 14: CloudFront構築事例 ハートビーツ 20121025

https://d2868cy5s1ejmq.cloudfront.net/Cloudfront-Diagram_Website_Updated.jpeg

ここだけ使う

Page 15: CloudFront構築事例 ハートビーツ 20121025

稼働中のシステムでのCloudFront併用事例

AWSとは無縁のところで

Page 16: CloudFront構築事例 ハートビーツ 20121025

Agenda

•小規模ECサイトTV番組タイアップ対応

•中規模メディアサイトヤフトピ対応

Page 17: CloudFront構築事例 ハートビーツ 20121025

よくわかるAmazonEC2/S3入門Amazon Web Servicesクラウド活用と実践

Page 18: CloudFront構築事例 ハートビーツ 20121025

Management Service Provider

株式会社ハートビーツ

Page 19: CloudFront構築事例 ハートビーツ 20121025

小規模ECサイトTV番組タイアップ対応

Page 20: CloudFront構築事例 ハートビーツ 20121025

小規模ECサイト

Internet

10Mbps共有回線

専用サーバ1台

Page 21: CloudFront構築事例 ハートビーツ 20121025

小規模ECサイト

Internet

10Mbps共有回線

専用サーバ1台

TV番組タイアッ

プ獲得!

Page 22: CloudFront構築事例 ハートビーツ 20121025

小規模ECサイト

Internet

10Mbps共有回線

専用サーバ1台

TV番組タイアッ

プ獲得!

今週金曜にアクセ

ス来ます!

Page 23: CloudFront構築事例 ハートビーツ 20121025

小規模ECサイト

Internet

10Mbps共有回線

専用サーバ1台

TV番組タイアッ

プ獲得!

今週金曜にアクセ

ス来ます!

最低でも普段の4

倍!

Page 24: CloudFront構築事例 ハートビーツ 20121025

小規模ECサイト

Internet

10Mbps共有回線

専用サーバ1台

TV番組タイアッ

プ獲得!

今週金曜にアクセ

ス来ます!

最低でも普段の4

倍!

アプリ改修無理!

Page 25: CloudFront構築事例 ハートビーツ 20121025

(´•ω`•)¥Ø?

Page 26: CloudFront構築事例 ハートビーツ 20121025

•回線増速•サーバスケールアップ•サーバスケールアウト•サイト移転

Page 27: CloudFront構築事例 ハートビーツ 20121025

•回線増速•サーバスケールアップ•サーバスケールアウト•サイト移転

申込から数週間必要

Page 28: CloudFront構築事例 ハートビーツ 20121025

•回線増速•サーバスケールアップ•サーバスケールアウト•サイト移転

申込から数週間必要

物理なので無理

Page 29: CloudFront構築事例 ハートビーツ 20121025

•回線増速•サーバスケールアップ•サーバスケールアウト•サイト移転

申込から数週間必要

物理なので無理

テストしきらん

Page 30: CloudFront構築事例 ハートビーツ 20121025

•回線増速•サーバスケールアップ•サーバスケールアウト•サイト移転

申込から数週間必要

物理なので無理

テストしきらん

テストしきらん

Page 31: CloudFront構築事例 ハートビーツ 20121025

さくせん サーバガンバレ

Page 32: CloudFront構築事例 ハートビーツ 20121025

サーバスペックを使い切る

• チューニング(CentOS、Apache、MySQL)• APC導入によりPHP処理負荷軽減• MySQLチューニング実施• ネットワークボトルネック回避• CloudFront導入• 負荷テスト実施

Page 33: CloudFront構築事例 ハートビーツ 20121025

サーバスペックを使い切る

• チューニング(CentOS、Apache、MySQL)• APC導入によりPHP処理負荷軽減• MySQLチューニング実施• ネットワークボトルネック回避• CloudFront導入• 負荷テスト実施

Page 34: CloudFront構築事例 ハートビーツ 20121025

サーバスペックを使い切る

• チューニング(CentOS、Apache、MySQL)• APC導入によりPHP処理負荷軽減• MySQLチューニング実施• ネットワークボトルネック回避• CloudFront導入• 負荷テスト実施

さくっと入れたい

Page 35: CloudFront構築事例 ハートビーツ 20121025

サーバスペックを使い切る

• チューニング(CentOS、Apache、MySQL)• APC導入によりPHP処理負荷軽減• MySQLチューニング実施• ネットワークボトルネック回避• CloudFront導入• 負荷テスト実施

さくっと入れたい

短時間で安全に

Page 36: CloudFront構築事例 ハートビーツ 20121025

短時間で安全に導入!

•画像のURLを書き換えはできないのでリダイレクト

• http://example.com/logo.gif→HTTPステータスコード302

•mod_rewriteで対応可能!

Page 37: CloudFront構築事例 ハートビーツ 20121025

結果:成功!•トラフィックは今までの3倍!•負荷は今までの半分!

Page 38: CloudFront構築事例 ハートビーツ 20121025

中規模メディアサイトヤフトピ対応

Page 39: CloudFront構築事例 ハートビーツ 20121025
Page 40: CloudFront構築事例 ハートビーツ 20121025
Page 41: CloudFront構築事例 ハートビーツ 20121025
Page 42: CloudFront構築事例 ハートビーツ 20121025

突然のトラフィッ

ク急増!

Page 43: CloudFront構築事例 ハートビーツ 20121025

中規模メディアサイトInternet

共有ロードバランサ

専用Proxyサーバ

専用Webサーバ

Page 44: CloudFront構築事例 ハートビーツ 20121025

中規模メディアサイトInternet

共有ロードバランサ

専用Proxyサーバ

専用Webサーバ

事前予告なし!

Page 45: CloudFront構築事例 ハートビーツ 20121025

中規模メディアサイトInternet

共有ロードバランサ

専用Proxyサーバ

専用Webサーバ

事前予告なし!

選択基準不明!

Page 46: CloudFront構築事例 ハートビーツ 20121025

中規模メディアサイトInternet

共有ロードバランサ

専用Proxyサーバ

専用Webサーバ

事前予告なし!

選択基準不明!

チャンスの神様は

前髪だけ!

Page 47: CloudFront構築事例 ハートビーツ 20121025

•柔軟に即時ON/OFFしたい•固定費の大幅UPは避けたい•ボトルネック見込みは1.ネットワーク帯域2.Proxy3.Webサーバ

Page 48: CloudFront構築事例 ハートビーツ 20121025

•柔軟に即時ON/OFFしたい•固定費の大幅UPは避けたい•ボトルネック見込みは1.ネットワーク帯域2.Proxy3.Webサーバ

CloudFront!

Page 49: CloudFront構築事例 ハートビーツ 20121025

•柔軟に即時ON/OFFしたい•固定費の大幅UPは避けたい•ボトルネック見込みは1.ネットワーク帯域2.Proxy3.Webサーバ

CloudFront!機材調達…

Page 50: CloudFront構築事例 ハートビーツ 20121025

結果:成功!•CloudFront導入で表示遅延解消!• アクセス増!• 63万PV/時(表示遅延多発)→CloudFront  64万PV/時(表示遅延なし)→Proxy増設  88万PV/時(快調)

Page 51: CloudFront構築事例 ハートビーツ 20121025

設定例

RewriteEngine OnRewriteCond %{HTTP_USER_AGENT} !CloudFrontRewriteCond %{HTTP_REFERER} !\.swf$RewriteCond %{HTTP_REFERER} !\.xml$RewriteCond %{REQUEST_URI} ^/resize_image\.php$ [OR]RewriteCond %{REQUEST_URI} \.(jpe?g¦gif¦png¦bmp¦ico)$ [NC]RewriteRule ^/?(.*)$ https://example.cloudfront.net/$1 [QSA,NE,R=302,L]

Page 52: CloudFront構築事例 ハートビーツ 20121025

• CloudFront側の準備が30分程度で済むため、提案承認~実装完了まで最短1時間程度で完了

•やめる時はすぐ•二度目以降は1分かからず適用可能

Page 53: CloudFront構築事例 ハートビーツ 20121025

まとめ

Page 54: CloudFront構築事例 ハートビーツ 20121025

• CloudFrontはすぐ使えるからすばらしい• CloudFrontはアプリ・コンテンツを変えなくても使えるからすばらしい

• CloudFrontはAWSを使ってなくても使えるからすばらしい

• 技術力を活かした柔軟なサーバ構築・監視・管理のご用命はハートビーツへhttp://heartbeats.jp/

Page 55: CloudFront構築事例 ハートビーツ 20121025

• CloudFrontはすぐ使えるからすばらしい• CloudFrontはアプリ・コンテンツを変えなくても使えるからすばらしい

• CloudFrontはAWSを使ってなくても使えるからすばらしい

• 技術力を活かした柔軟なサーバ構築・監視・管理のご用命はハートビーツへhttp://heartbeats.jp/

Page 56: CloudFront構築事例 ハートビーツ 20121025

× ハートビート◯ ハートビーツ

Page 57: CloudFront構築事例 ハートビーツ 20121025

× ハートビート◯ ハートビーツ

Page 58: CloudFront構築事例 ハートビーツ 20121025

ご清聴ありがとうございました

Page 59: CloudFront構築事例 ハートビーツ 20121025

Q&A