1
1

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 1 year has passed since last update.

CloudFront → パブリックALB(Application Load Balancer)作成

Posted at

はじめに

今日は、CloudFront → パブリックALB(Application Load Balancer)を作成してみます。

image.png

前提

CloudFrontを構築する前に、ALBとEC2を作成しました。
(参照: https://qiita.com/tannh/items/f1dbe7bfc2dca955fda4)

手順

1. CloudFront作成

CloudFront Consoleで、[ディストリビューションを作成]を押して、次の手順を実行します。
(参照: https://us-east-1.console.aws.amazon.com/cloudfront/v3/home)

オリジンを設定します。
[オリジンドメイン]は、前の投稿で作成されたALBのカスタムドメインです。
[プロトコル]は、CloudFront がオリジンに接続するときに使用するプロトコル (HTTP または HTTPS) を決定します。

image.png

ビヘイビアを設定します。
[ビューワープロトコルポリシー]は、クライアントがHTTPを使用してアクセスする場合、CloudFrontはHTTPSにリダイレクトします。

image.png

動的コンテンツであるため、デフォルトではキャッシュは設定されません。
image.png

カスタムドメインとSSL証明書を設定します。
[代替ドメイン名]はCloudFrontのカスタムドメインです

image.png

2. Route53のDNSレコード作成

Route53でCloudFrontのカスタムドメインを作成します。

image.png

3. キャッシュ動作の設定

上記のデフォルトの動作は、キャッシュ設定なしです。
[*.jpg]、[*.css] などの静的コンテンツのキャッシュを設定します。

image.png
image.png
image.png

結果
image.png

ドキュメント参照

[Creating a distribution]
https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/distribution-web-creating-console.html

[Values that you specify when you create or update a distribution]
https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/distribution-web-values-specify.html

1
1
1

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
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?