cloudfront マルチオリジンの利用事例と反省点
TRANSCRIPT
![Page 1: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/1.jpg)
株式会社データクラフト
CloudFront マルチオリジンの利用事例と反省点
2014/10/30(木)
JAWS-UG 北海道 in AWS Cloud Roadshow
![Page 2: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/2.jpg)
株式会社データクラフト
大内 寛和
株式会社データクラフト
・2008年 ~ 写真素材販売サイトの開発・保守
・2011年 ~ AWS導入支援
社内インフラ担当
自己紹介
![Page 3: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/3.jpg)
株式会社データクラフト
よく使うAWSのサービス
CloudFront
高速で信頼性の高いCDN
![Page 4: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/4.jpg)
株式会社データクラフト
検索すると・・・
![Page 5: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/5.jpg)
株式会社データクラフト
検索すると・・・
![Page 6: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/6.jpg)
株式会社データクラフト
CDNサービスのシェア
http://www.datanyze.com/market-share/cdn/
![Page 7: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/7.jpg)
株式会社データクラフト
昔のCloudFrontの問題点
独自ドメインのSSL証明書を設定できない
オリジンにBasic認証を設定できない
転送量がわかりにくい
エラーの発生頻度がわかりにくい
![Page 8: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/8.jpg)
株式会社データクラフト
CloudFrontは進化している!
独自ドメインのSSL証明書を設定できない
→できる!
オリジンにBasic認証を設定できない
→できる!
転送量がわかりにくい
→利用レポートで確認できる!
エラーの発生頻度がわかりにくい
→キャッシュ統計レポートで確認できる!
![Page 9: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/9.jpg)
株式会社データクラフト
CloudFrontは進化している!
![Page 10: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/10.jpg)
株式会社データクラフト
CloudFrontは進化している!
![Page 11: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/11.jpg)
株式会社データクラフト
CloudFront利用事例
事例1. 写真素材販売サイト
事例2. 某投稿サイト
事例3. 海外3拠点のWebサイト
![Page 12: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/12.jpg)
株式会社データクラフト
CloudFront利用事例
事例1. 写真素材販売サイト
事例2. 某投稿サイト
事例3. 海外3拠点のWebサイト
![Page 13: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/13.jpg)
株式会社データクラフト
事例1. 写真素材販売サイト
imagenavi.jp
![Page 14: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/14.jpg)
株式会社データクラフト
事例1. 写真素材販売サイト
Corporate Data center
Web1
Web2
File サムネイル
DB1
DB2
高負荷になるとレスポンスが遅くなる
【要望】サムネイルのレスポンスを早くしてほしい
![Page 15: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/15.jpg)
株式会社データクラフト
事例1. 写真素材販売サイト
サムネイルをCloudFrontでキャッシュ、配信
Corporate Data center
Web1
Web2
File サムネイル
DB1
DB2
CloudFront
![Page 16: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/16.jpg)
株式会社データクラフト
事例1. 写真素材販売サイト
CloudFront 使用前
CloudFront 使用後
![Page 17: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/17.jpg)
株式会社データクラフト
事例1. 写真素材販売サイト
ストレージの容量不足が問題に
Corporate Data center
Web1
Web2
File サムネイル
DB1
DB2
CloudFront
【要望】動画を販売したい
![Page 18: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/18.jpg)
株式会社データクラフト
事例1. 写真素材販売サイト
一部のコンテンツをS3に配置
オリジンにS3を追加!
コンテンツ配信元はCloudFrontのままで、
配信方法、アクセスするドメインの変更は
無い為、Webサイトの変更は最小限に
![Page 19: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/19.jpg)
株式会社データクラフト
CloudFront利用事例
事例1. 写真素材販売サイト
事例2. 某投稿サイト
事例3. 海外3拠点のWebサイト
![Page 20: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/20.jpg)
株式会社データクラフト
事例2. 某投稿サイト
全てのアクセスをCloudFrontに!
・EC2のインスタンス数/スペックを抑えることができる
・動的コンテンツのキャッシュ制御は、URLの変更やキャッシュ
コントロール ヘッダーで
→Webアプリの構成が複雑にならないように・・・
【要望】なるべく費用を抑えてほしい
CloudFrontでキャッシュされているリクエストを処理してくれるので、負荷が下がる
![Page 21: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/21.jpg)
株式会社データクラフト
CloudFront利用事例
事例1. 写真素材販売サイト
事例2. 某投稿サイト
事例3. 海外3拠点のWebサイト
![Page 22: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/22.jpg)
株式会社データクラフト
事例3. 海外3拠点のWebサイト
CloudFront経由で海外コンテンツにアクセス!
ユーザーに近いエッジロケーションから配信されるので、高
速にレスポンス
【要望】海外から日本のコンテンツにアクセスしても 高速にレスポンスしてほしい
![Page 23: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/23.jpg)
株式会社データクラフト
事例3. 海外3拠点のWebサイト
★ちょっと困った点
ディレクトリでオリジンが決まるよう、まとめたほうが良い
![Page 24: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/24.jpg)
株式会社データクラフト
事例3. 海外3拠点のWebサイト
URLパターンの設定をテストしたい
本番用
本番用のURLパターンは変更せず、テスト用で動作確認後、本番用と同じCNAMEsを設定してDNSを切り替える
Immutable CloudFront Distribution!
Download Distribution
CNAMEs: prod.example.com
テスト用
Download Distribution
テストOK!
![Page 25: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/25.jpg)
株式会社データクラフト
事例3. 海外3拠点のWebサイト
ダメでした(CNAMEsは重複NG)
本番用の設定を慎重に変更しました・・・
![Page 26: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/26.jpg)
株式会社データクラフト
事例3. 海外3拠点のWebサイト
この事例の反省点
パターンが多くならないよう、コンテンツ配置を考慮する
手入力のミスを防ぐ為、管理コンソールを使わずに、AWS
CLI等のコマンドベースで作業する
→ CloudFrontのCLIはPreview版なので有効化すること
$ aws configure set preview.cloudfront true
![Page 27: CloudFront マルチオリジンの利用事例と反省点](https://reader031.vdocuments.site/reader031/viewer/2022012402/55ac045e1a28abb1388b46ec/html5/thumbnails/27.jpg)
株式会社データクラフト
まとめ
CloudFrontを使って快適なWebサイトに
高負荷に耐え、高速にレスポンス
導入簡単!オンプレミスとの組み合わせも可
URLとオリジンの組み合わせは、シンプルにすること
運用コストとシステム要件を把握して最適な構成に
AWSの費用を抑えても、運用コストが高いと効果は低い
ビジネスの成長にあわせて、システム構成を容易に拡張できること