新機能紹介！CloudFront Functions を触ってみた/Tried out the new CloudFront Functions

記事：https://zenn.dev/ysmtegsr/articles/d4eb3e8493b7a5ccd427
サンプルコード ( GitHub )：https://github.com/ysmtegsr/cloudfront-functions-sample

Transcript

1. 新機能紹介！ CloudFront Functions を触ってみた えが(@ega4432)
2. アジェンダ 1. Amazon CloudFront とは 2. Lambda@Edge とは 3. CloudFront Functions とは 4. CF2 の注意点 5. CF2 のユースケース 6. URL 正規化をやってみた 7. まとめ 新機能紹介！CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 2
3. 新機能紹介！CloudFront Functions を触ってみた Amazon CloudFront とは 2021 ©︎ ega4432 - Built with marp. 3
4. CloudFront とは 「 AWS の CDN サービス」 静的、動的なコンテンツを高速配信 セキュア ユーザを近いエッジロケーションに誘導 エッジコンピューティングが利用可能 新機能紹介！CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 4
5. 新機能紹介！CloudFront Functions を触ってみた Lambda@Edge とは 2021 ©︎ ega4432 - Built with marp. 5
6. Lambda@Edge とは エッジで Lambda 関数を実行できる機能。 オリジン CloudFront 新機能紹介！CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 6
7. 新機能紹介！CloudFront Functions を触ってみた CloudFront Functions とは 2021 ©︎ ega4432 - Built with marp. 7
8. CloudFront Functions とは Lambda@Edge よりも安価で軽量な処理を実行できる機能。 オリジン CloudFront 新機能紹介！CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 8
9. 新機能紹介！CloudFront Functions を触ってみた CF2 の注意点 2021 ©︎ ega4432 - Built with marp. 9
10. CF2 の注意点 Lambda@Edge よりも縛りが多い 実行時間の制限 1ms 最大メモリ 2MB ランタイムは JavaScript だけ 新機能紹介！CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 10
11. 新機能紹介！CloudFront Functions を触ってみた CF2 のユースケース 2021 ©︎ ega4432 - Built with marp. 11
12. CF2 のユースケース HTTP リクエスト／レスポンスの操作 URL の書き換えやリダイレクト キャッシュの操作 JWT などによるアクセス制御 新機能紹介！CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 12
13. 新機能紹介！CloudFront Functions を触ってみた URL 正規化をやってみた 2021 ©︎ ega4432 - Built with marp. 13
14. 構成 S3 CloudFront ユーザ $ aws s3 ls s3://cloudfront-functions-sample --recursive . ├── index.html └── sample └── index.html 新機能紹介！CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 14
15. sample というオブジェクトは存在しないので 404 になってしまう 新機能紹介！CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 15
16. 目指すかたち 下記のようにリクエスト URL を正規化できれば良さそう！ / -> /index.html /sample -> /sample/index.html /sample/ -> /sample/index.html 新機能紹介！CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 16
17. 新機能紹介！CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 17
18. 新機能紹介！CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 18
19. 新機能紹介！CloudFront Functions を触ってみた まとめ 2021 ©︎ ega4432 - Built with marp. 19
20. まとめ CloudFront Functions めちゃくちゃ良さそう！ Lambda@Edge との使い分けが重要 新機能紹介！CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 20
21. 新機能紹介！CloudFront Functions を触ってみた ご静聴ありがとうございました 2021 ©︎ ega4432 - Built with marp. 21