CloudFront Functionsがリリースされたので、CloudFrontや類似サービスにあたるLambda@Edgeとの違いをまとめました。

1. about the CloudFront.
@gitkado
CloudFront
Lambda@Edge
CloudFront Functions [new]

2. CDN
https://www.wafcharm.com/blog/cdn-for-beginners/
CDNとは、「コンテンツデリバリーネットワーク」
(Content Delivery Network) の略で、世界中に張り巡
らされた配信ネットワークを利用して、Webサイトにア
クセスしようとするユーザーに効率的かつ高速にWeb
コンテンツを配信するしくみです。【転載】
本スライドを読む上で必要な前知識

3. CloudFront
https://docs.aws.amazon.com/ja_jp/AmazonCloudFront/latest/DeveloperGuide
/Introduction.html
ユーザーへの静的および動的なウェブコンテンツ
(.html、.css、.js、イメージファイルなど) の配信を高速
化するウェブサービスです。CloudFront では、エッジ
ロケーションというデータセンターの世界的ネットワー
クを経由してコンテンツを配信します。【転載】
要するにAWSが提供しているCDN

4. ユースケース
OriginへのアクセスをEdgeでキャッシュする
Origin負荷が減り、Userに近いEdgeから応答できる

5. Edge Server
https://aws.amazon.com/jp/cloudfront/features/
ap-northeast-1 へのリクエスト
EdgeServerを使えば最短距離で配信可能
ap-northeast-1

6. Lambda@Edge
https://aws.amazon.com/jp/lambda/edge/
● CloudFrontの機能の1つ
● CloudFrontの前後にLambda処理を入れ込める
○ ViewerRequest
○ OriginRequest
○ OriginResponse
○ ViewerResponse

7. Lambda@Edge
https://aws.amazon.com/jp/blogs/news/lambdaedge-design-best-practices/
レスポンスをキャッシュさせず加工する レスポンスを加工してキャッシュさせる
キャッシュキー (Header, etc..) やOriginURLを加工する
全リクエストに必要な前処理 (JWT/リクエスト検証)
動的にOriginを選択する

8. ユースケース
画像(S3) へのアクセス可否をLambdaで検証する
認可処理なのでViewerRequestを使用する

9. CloudFront Functions
on 3 May 2021
https://aws.amazon.com/jp/blogs/aws/introducing-cloudfront-functions-run-yo
ur-code-at-the-edge-with-low-latency-at-any-scale/

10. CloudFront Functions
https://aws.amazon.com/jp/blogs/aws/introducing-cloudfront-functions-run-yo
ur-code-at-the-edge-with-low-latency-at-any-scale/
Lambda@Edgeより手前で関数を爆速で実行できる
Why??

11. Lambda@Edge
Lambda@EdgeはRegionalEdgeCaches 上で実行される
EdgeLocationsは使われていなかった
What??

12. Edge Server
https://aws.amazon.com/jp/cloudfront/features/
Lambda@Edge
の場合
CloudFront Functions
の場合

13. 比較「CloudFront Functions と Lambda@Edge」
https://aws.amazon.com/jp/blogs/aws/introducing-cloudfront-functions-run-yo
ur-code-at-the-edge-with-low-latency-at-any-scale/
1ms 爆速
やれることは
限られる

14. 料金「CloudFront Functions と Lambda@Edge」
https://aws.amazon.com/cloudfront/pricing/
日本語ドキュメントには
載ってなかった
※ 2021/5/4時点

15. CloudFront Functions 特徴
https://aws.amazon.com/jp/lambda/edge/
● ユーザに近いEdgeLocationsで実行され早い
● 10KB以下のJSファイル内で完結させることができ
る処理しかできない
● ネットワークアクセスできないので認可処理のよう
なことは難しいのかも
● 当たり前だがLambdaではない

16. まとめ
● AWS上で完結させるにはLambda@Edgeしか選択肢
がなかった部分に新しい選択肢が増えたのは面白い
なと思いました。
● CloudFront Functionsの方がコスパ良い＆爆速処理
なので採用できる場面では積極的に試してみても良い
のかなと思いました。
● クラメソさんのブログ更新が早すぎました。
(いつもお世話になってます)
https://dev.classmethod.jp/articles/amazon-cloudfront-functions-release/