CloudFront + API Gateway

CloudFront + API Gateway
1. 参考サイト
2. 関連

CloudFront + API Gateway

API Gatewayの前にCDNであるCloudFrontを配置します。

「ディストリビューションを作成」をクリックします。

API Gatewayはhttpsのみサポートしているので「httpsのみ」を選択します。

キャッシュビヘイビアの設定をします。

「Managed-CORS-CustomOrigin」…リクエストヘッダにOriginヘッダが追加される

「Managed-CORS-With-Preflight」…レスポンスヘッダにAccess-Control-Allow-Origin:*が追加される

C:>curl -X POST -i -k -H "Content-Type: application/json" -H "Origin:'https://uperworld.com'" https://d1prrd8oyv2yx3.cloudfront.net/dev/mansion
HTTP/1.1 200 OK
Content-Type: application/json
Content-Length: 15
Connection: keep-alive
Date: Thu, 22 Dec 2021 02:15:32 GMT
x-amzn-RequestId: 61d8237f-cfd8-4a96-ace3-0bb8d0912459
x-amz-apigw-id: dhqWtGxwtjMF5LQ=
X-Amzn-Trace-Id: Root=1-63a3bdc4-75f0d17b2d91c54f03c93601;Sampled=0
Via: 1.1 874b64d97046903d1eac41de7eeaf51e.cloudfront.net (CloudFront), 1.1 79184721bfa1abb97e50c88266c01b9a.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: ICN54-C2
X-Cache: Miss from cloudfront
X-Amz-Cf-Pop: ICN51-C2
X-Amz-Cf-Id: 5Fm_gYCwJ2jicsMMMXzcPpwO1-jEOi2Oz0dJ2Ui93H2-ZWbjbhE4Cg==
Access-Control-Allow-Origin: * ★
Access-Control-Expose-Headers: * ★

{"key":"value"}

「ディストリビューションを作成」をクリックして完了です。

参考サイト

カスタム CloudFront ディストリビューションで API Gateway をセットアップする

Amazon CloudFront がレスポンスヘッダーポリシーを導入 | Amazon Web Services

はじめに Amazon CloudFront は、エッジロケーションとグローバルネットワークを利用して、静的お

高橋

KHI入社して退社。今はCONFRAGEで正社員です。関西で140-170/80～120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^
資格：少額短期保険募集人,FP3級,宅建士