概要 Githubと連携させたAmplifyを使用したいが、WAFによるアクセス制限もしたい。 しかし、WAFがAmplifyをサポートしておらず苦戦したので、メモしておきます。 TL;DR Amplify Consoleで構築したものに対してWAF適用しました。 構築内容 CloudFrontを前段に配置してWAFを適用する OriginにAmplifyのEndpointを設定する Amplify側への直アクセスも制御 ループ防止の設定をする Amplifyに関して Amplifyのメリット SPA、静的コンテンツなどを新規サービスとして配信時、スピード感を持って構築できます。 例えば、S3に配置したい静的ファイルをGithubのコミットから直接更新出来る 複数の開発環境をブランチベースで用意することが出来て管理しやすい 認証機能がコンソールで実装できる Amplify側のエラー処理やル