Slide 1

Slide 1 text

新機能紹介! CloudFront Functions を触ってみた えが(@ega4432)

Slide 2

Slide 2 text

アジェンダ 1. Amazon CloudFront とは 2. Lambda@Edge とは 3. CloudFront Functions とは 4. CF2 の注意点 5. CF2 のユースケース 6. URL 正規化をやってみた 7. まとめ 新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 2

Slide 3

Slide 3 text

新機能紹介!CloudFront Functions を触ってみた Amazon CloudFront とは 2021 ©︎ ega4432 - Built with marp. 3

Slide 4

Slide 4 text

CloudFront とは 「 AWS の CDN サービス」 静的、動的なコンテンツを高速配信 セキュア ユーザを近いエッジロケーションに誘導 エッジコンピューティングが利用可能 新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 4

Slide 5

Slide 5 text

新機能紹介!CloudFront Functions を触ってみた Lambda@Edge とは 2021 ©︎ ega4432 - Built with marp. 5

Slide 6

Slide 6 text

Lambda@Edge とは エッジで Lambda 関数を実行できる機能。 オリジン CloudFront 新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 6

Slide 7

Slide 7 text

新機能紹介!CloudFront Functions を触ってみた CloudFront Functions とは 2021 ©︎ ega4432 - Built with marp. 7

Slide 8

Slide 8 text

CloudFront Functions とは Lambda@Edge よりも安価で軽量な処理を実行できる機能。 オリジン CloudFront 新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 8

Slide 9

Slide 9 text

新機能紹介!CloudFront Functions を触ってみた CF2 の注意点 2021 ©︎ ega4432 - Built with marp. 9

Slide 10

Slide 10 text

CF2 の注意点 Lambda@Edge よりも縛りが多い 実行時間の制限 1ms 最大メモリ 2MB ランタイムは JavaScript だけ 新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 10

Slide 11

Slide 11 text

新機能紹介!CloudFront Functions を触ってみた CF2 のユースケース 2021 ©︎ ega4432 - Built with marp. 11

Slide 12

Slide 12 text

CF2 のユースケース HTTP リクエスト/レスポンスの操作 URL の書き換えやリダイレクト キャッシュの操作 JWT などによるアクセス制御 新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 12

Slide 13

Slide 13 text

新機能紹介!CloudFront Functions を触ってみた URL 正規化をやってみた 2021 ©︎ ega4432 - Built with marp. 13

Slide 14

Slide 14 text

構成 S3 CloudFront ユーザ $ aws s3 ls s3://cloudfront-functions-sample --recursive . ├── index.html └── sample └── index.html 新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 14

Slide 15

Slide 15 text

sample というオブジェクトは存在しないので 404 になってしまう 新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 15

Slide 16

Slide 16 text

目指すかたち 下記のようにリクエスト URL を正規化できれば良さそう! / -> /index.html /sample -> /sample/index.html /sample/ -> /sample/index.html 新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 16

Slide 17

Slide 17 text

新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 17

Slide 18

Slide 18 text

新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 18

Slide 19

Slide 19 text

新機能紹介!CloudFront Functions を触ってみた まとめ 2021 ©︎ ega4432 - Built with marp. 19

Slide 20

Slide 20 text

まとめ CloudFront Functions めちゃくちゃ良さそう! Lambda@Edge との使い分けが重要 新機能紹介!CloudFront Functions を触ってみた 2021 ©︎ ega4432 - Built with marp. 20

Slide 21

Slide 21 text

新機能紹介!CloudFront Functions を触ってみた ご静聴ありがとうございました 2021 ©︎ ega4432 - Built with marp. 21