本番環境で Cloudflareを使ってみた話

by Kazuki Miura

Slide 1

Slide 1 text

本番環境で Cloudflare を使ってみた話 Cloudflare Meet-up Online!! #3 #CloudflareUG_www イタリアの話？

Slide 2

Slide 2 text

三浦一樹 AWS Community Hero AWS Samurai JAWS-UG 札幌支部 Media-JAWS CloudflareUG_cts JTC平社員総合職エンジニア北海道テレビ放送

Slide 3

Slide 3 text

Menu 自己紹介アーキテクチャ部分的にお引越しハマったところ解決編

Slide 4

Slide 4 text

アーキテクチャ動画配信サービス hod

Slide 5

Slide 5 text

内製で開発運用ゼロスタートで4年目 2サービスを5人で回す

Slide 6

Slide 6 text

動画配信サービスいつもはとっても穏やか

Slide 7

Slide 7 text

動画配信サービスいつもはとっても穏やか水曜どうでしょうスパイクアクセス 2023 年8 月末

Slide 8

Slide 8 text

OIDC OIDC OIDC DynamoDB DynamoDB S3 MediaConvert S3 DynamoDB AppSync Lambda API-GW Step Functions API-GW Amplify Amplify BFF Frontend Backend CloudFront アーキテクチャ

Slide 9

Slide 9 text

OIDC OIDC OIDC DynamoDB DynamoDB S3 MediaConvert S3 DynamoDB AppSync Lambda API-GW Step Functions API-GW Amplify Amplify BFF Frontend Backend CloudFront アーキテクチャ

Slide 10

Slide 10 text

S3 CloudFront Player 予算を決める必要があった従量課金はやめて欲しい。とクラメソCloudFront は安い課題もろもろ

Slide 11

Slide 11 text

Frontend S3 CloudFront Player R2 CDN 一部だけ引越し 1 年間定額契約

Slide 12

Slide 12 text

Frontend S3 CloudFront Player R2 CDN 一部だけ引越し + logs Athena S3

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

いざ配信！無事に配信でき巻いたしかし、落ち着いたころに

Slide 15

Slide 15 text

Player R2 + logs Athena S3 CDN

Slide 16

Slide 16 text

Player R2 360で再生されちゃう。。 + logs Athena S3 CDN

Slide 17

Slide 17 text

Player R2 360で再生されちゃう。。 + logs Athena S3 CDN ABR 環境によって最適な解像度を選択してくれる 1080/720/360

Slide 18

Slide 18 text

切り戻し

Slide 19

Slide 19 text

緊急大調査

Slide 20

Slide 20 text

R2 CDN キャッシュが数秒で消えちゃうオリジンにアクセスしちゃうとっても遅くて、動画も低解像度

Slide 21

Slide 21 text

R2 CDN R2 について

Slide 22

Slide 22 text

R2 CDN R2 についてバケットがイタリアにできてた！現地GWでトラフィック多め location Hint で指定しよう

Slide 23

Slide 23 text

R2 CDN R2 について先のブログに、、

Slide 24

Slide 24 text

※ 5MB 参考値 420 ms 3504 ms 東京 Italy https://speedtest.globalaccelerator.aws#/

Slide 25

Slide 25 text

R2 CDN CDN について

Slide 26

Slide 26 text

R2 CDN CDN について Cache Eviction 秒間数件のアクセスであれば TTL を待たずにキャッシュが破棄される

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

R2 CDN CDN について Tiered Cache の有効化

Slide 29

Slide 29 text

丁寧に説明してもらって仕組みは理解した小規模なアクセスではちゃんと動いてる

Slide 30

Slide 30 text

Cloudflare に戻していいものか、、

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

ログを眺めてると不安な動きを発見...

Slide 33

Slide 33 text

Cache の動きで不安だったもの

Slide 34

Slide 34 text

Cache の動きで不安だったもの Cache hit した 1.5秒後に miss ってるのはさすがに？

Slide 35

Slide 35 text

Cache の動きで不安だったものエッジが違かった

Slide 36

Slide 36 text

Cache の動きで不安だったもの

Slide 37

Slide 37 text

Cache の動きで不安だったもの

Slide 38

Slide 38 text

スッキリ！

Slide 39

Slide 39 text

Cloudfalre でいきましょう！

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

無事に事業目標達成！

Slide 42

Slide 42 text

ほんとにありがとうございました！亀田さん、大栗さんサポートのBora Kinay さん