APIGatewayをWebブラウザからのRESTで呼び出し

Question

##目的
RESTの理解のために、LambdaをバックエンドにAPI Gatewayを使用していました。

##アーキテクチャ
アーキテクチャ

##問題
メソッドリクエストの[APIキーの必要性]を有効化すると下記のエラーが返ってきます。
{"message":"Forbidden"}

どのようにすればAPIキーを有効化にしたまま、ブラウザからRESTの呼び出しを行えるようになりますか。

##詳しい症状
[APIキーの必要性]を有効化を無効化するとEC2(注意1)からも、Webブラウザからもリクエストが処理されます
しかし、[APIキーの必要性]を有効化を有効化するとEC2ではリクエストが返ってくるが、Webブラウザでは上記のエラーが返ってきます

(注意1)APIGatewayと同一リージョンのEC2からcurl https://(呼び出しURL) -H x-api-key:(APIkey)

##追記
リソースのアクションから[CORSの有効化]を試みましたが、デフォルトの設定のまま[CORSの有効化をして既存のCORSヘッダーを置換]を
しましたが、
✖ Access-Control-Allow-Origin メソッドレスポンスヘッダーを POST メソッドに追加する
✖ Access-Control-Allow-Origin 統合レスポンスヘッダーマッピングを POST メソッドに追加する
となりました。
いかが処理をすればよろしいでしょうか。

わかりにくい点が多々あるかと思いますが、ご教示いただけたら助かります。

Answer 1

apigatewayのメニューにある、使用量プランの設定は行っていますでしょうか？
設定後、再度APIをデプロイして試してみてください。
単純なGETであればブラウザヘッダーにもx-api-keyを設定するだけで認証されると思うのですが。
参考にならなかったら申し訳ないです。

Comments

[tomohiro.cloud]

ご回答いただきありがとうございます。
使用量プランのクォータは設定しています。
確かに一度、不足しており、EC2からのリクエストにも処理をしなくなりましたが、今回はほかに原因があるかと思います。
私の記述に不足がありましたこと、申し訳ありません。