はじめに

CloudFront経由でS3上の静的ファイルを配信し、バックエンドをECS Fargateで動かしている構成において、何らかの障害が発生した際にエンドユーザーへメンテナンスページ（Sorryページ）を表示したい場合の方法についてまとめます。

※ 本記事は個人的に調べた内容をもとにまとめたものです。

実際の環境や仕様によっては動作しない場合や設定方法が異なる可能性もありますので、参考情報としてご覧ください。

書こうと思ったきっかけ

フロントエンドがCloudFront + S3、バックエンドがFargateという構成で運用中に、障害時にユーザー体験を損なわないための対策が必要だと感じ、メンテナンスページの表示方法を整理しておこうと思いました。

CloudFrontの「Error Pages」から「カスタムエラーレスポンス」を作成
- HTTP Error Code：503
- Response Page Path：/maintenance.html
- HTTP Response Code：200

参考文献

方法	設置場所	特徴
CloudFront + カスタムエラーページ	S3に`maintenance.html`	簡単・高可用・即時反映
CloudFront オリジングループ	S3にメンテナンス専用パス	自動切替可・柔軟性高い

まずはS3にmaintenance.htmlを用意し、CloudFrontで503エラー時に差し替え表示させる方法が、コストや手間の面でもっとも現実的だと思います...！