37
36

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

カジュアルにCloudFrontを使って動的コンテンツと静的コンテンツを振り分け

Posted at

はじめに

AWS WAFを適応した構成を提案する機会がありそうなので、WAFが適応しやすい構成でELBの前にCloudFrontを持ってきたインフラアーキテクトを試してみたかったので、そのまとめです。

今回の全体イメージ

cloudfront_multisite.png

動的コンテンツ

http://dxxxxxxxxxxxxx.cloudfront.net
ec2_page.jpg

静的コンテンツ表示(画像)

http://dxxxxxxxxxxxxx.cloudfront.net/img/sumou.jpg
sumou.jpg

静的コンテンツ表示(PDF)

http://dxxxxxxxxxxxxx.cloudfront.net/test.pdf
test_pdf.jpg

CloudFrontのマルチオリジン設定

Origin Domainに以下の3つを登録する

  • ELBのendpoint
  • 画像用バケット
  • PDF用バケット

kobito.1444920804.868197.png

Behaviors設定

Path Patternで振り分け設定する

kobito.1444921082.172782.png

ポイント

  • S3のwebhosting有効にしていないとドメインが変わるので忘れないこと
  • 静的コンテンツはTTLは長めで
  • 動的コンテンツは最小限orキャッシュしない
  • TTLの単位は秒
  • CloudFrontでDistribution作ることきはELB、S3の順序はどちらでもいい
  • 検証でサクッと確かめるならTTLは、この設定がオススメ(minTTL:1, defaultTTL:1, maxTTL:1)
  • CloudFrontで独自ドメイン使うならSSL証明書アップロードすれば使用可能
  • この構成ならAWS WAFが適応しやすい

雑なイラスト

2015-10-15 23 29 01 1

37
36
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
37
36

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?