It-ouji | IT王子の技術ブログ

今回のゴール

今回はロードバランサーのターゲットが全てUnhealthyと判定された時にS3に配置したsorry.htmlを表示するようにします。

S3単体ではhttpsを処理できませんので、CloudFront経由でS3にアクセスするようにします。

冗長化されたWEBサイトの構築はこちらを参照ください

AWS 冗長化されたWEBサイトの構築①WEBサーバーとRDSの構築

下準備

SSL証明書の作成

SSL証明書を作成します。
詳細は下記のリンクを参照ください。

※CloudFrontで選択できる証明書はバージニア北部（us-east-1）で登録されたものだけが設定可能ですので、リージョンをバージニア北部（us-east-1）に変更して登録してください。

AWS Certificate Manager(ACM)でSSL(TLS)証明書を発行

設定

S3の作成

Sorryページを配置するS3バケットを作成します。

httpで直接アクセスするときはバケット名はドメイン名にする必要がありますが、今回はCloudFront経由でのみアクセスするのでバケット名は何でもいいです。

静的WEBサイトホスティングの設定やパブリックアクセスを許可する必要はありません。

次にsorry.htmlを作成したバケットにアップロードします。

作成されたバケットを選択して「アップロード」をクリックします。

「ファイルを追加」ボタンをクリックしてsorry.htmlファイルを選択してアップロードします。

CloudFrontの作成

CloudFrontサービスより、[Distributions]を選択して、「Create Distribution」をクリックします。

「Get Started」をクリック。

【Create Distribution】
[Origin Domain Name]：作成したS3バケットを選択
[Restrict Bucket Access]：Yes(CloudFront経由でのみ閲覧可能)
[Origin Access Identity]：Create a New Identity
[Comment]：任意
[Grant Read Permissions on Bucket]：Yes, Update Bucket Polic

【Default Cache Behavior Settings】
[Viewer Protocol Policy]：Redirect HTTP to HTTPS

【Distribution Settings】
[Alternate Domain Names(CNAMEs)]：ドメイン名
[SSL Certificate]：Custom SSL Certificateを選択して証明書を選択

CloudFrontの設定

ドメイン以下のディレクトリにアクセスしたときにもsorry.htmlが表示されるように設定します。

作成されたDistributionを選択して、[Distribution Settings]を選択します。

[Error Pages]タブを開き、「Create Custom Error Response」をクリックします。

[HTTP Error Code]：403:Forbidden
[Error Cating Minimum TTL]：600
[Customize Error Response]：Yes
[Response Page Path]：/sorry.html
[HTTP Response Code]：503:Service Unavailable