はじめに
Amplifyのカスタムヘッダーを設定した際に判明したことについてまとめます。
カスタムヘッダーの設定方法
まず、Amplifyのカスタムヘッダー設定には、下記の2つの方法があります。
- AWSマネジメントコンソールからの設定
- customHttp.ymlをプロジェクトのルートディレクトリに配置
今回は後者の「customHttp.ymlをプロジェクトのルートディレクトリに配置」で行うことにしました。
判明したこと
設定後に反映されているかを確認するために、AWSマネジメントコンソール上のAmplifyの設定を確認してみました。
しかし、下記のように画面上には何も表示されていませんでした。
設定した内容がここに表示されるものだと思い込んでいたため、設定できていないのかと思いましたが
対象ページにてChromeのデベロッパーツールから確認してみると、設定したカスタムヘッダーの内容がちゃんと適用されていました。
サポートに確認したところ（2022/12時点）
この状況をAWSのサポートに確認したところ、設定自体は問題ないそうなのですが
ルートディレクトリの customHttp.yml の内容は、AWSマネジメントコンソール上のカスタムヘッダー（上記画面）には反映されない
との回答がありました。
なので設定できているかを確認したい方は、デベロッパーツールにて設定したカスタムヘッダーの内容が適用されていることを確認してみてください。
もし、同じように疑問を持った方のお役立てれば幸いです。