一部のユーザーに開発版スクリプトを配信する - Fastly を使ったカナリーリリース

https://3rdpartyjs.connpass.com/event/289558/

Transcript

1. 　　｜　　© PLAID Inc. 2023.8.1　｜　　3rdparty.js #1 　｜　 1 ⼀部のユーザーに開発版スクリプトを配信する Fastly を使ったカナリアリリース
2. 2023.8.1　　｜　 3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 2 しおざわ はじめ Hajime Shiozawa Github : @hshiozawa 株式会社プレイドのエンジニア 主にプロダクト基盤の開発をやってます • 解析エンジン Blitz の開発 • 新しい埋め込みタグ Edge の開発
3. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 3 カナリアリリースをできるようにしよう 新機能を開発したから、新しいスクリプトの検証がしたい！ でも、検証環境だとシンプルなテストデータしか⼊ってない いきなり本番環境にはリリースはできない･･･
4. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc.   4
5. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 5
6. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 6 考えるべきポイント KARTE の埋め込みスクリプトのアーキテクチャ
7. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 7 1 埋め込みスクリプトの URL は変えない
8. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 8 2 クライアントごとに配信スクリプトが異なる
9. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 9 3 クライアントが設定を変えると、スクリプトを再ビルド スクリプトを ビルドするサーバ
10. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 10 4 スクリプトへの修正は、全スクリプトの再ビルドが必要
11. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 11   1. 配信スクリプトは同じ URL 2. クライアントごとに違うスクリプト URL 3. クライアントが設定を変えると、スクリプトを再ビルド 4. スクリプトの修正は、全スクリプトの再ビルドが必要 ポイント
12. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 12 カナリアリリースを実現する
13. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 13 Fastly VCL を使う  1. 配信スクリプトは同じ URL  2. クライアントごとに違うスクリプト URL を解決する
14. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 14  
15. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 15   Cookie を付与して Fastly の VCL で カナリー環境に振り分け Cookie を付与 VCL で振り分け
16. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 16   sub vcl_recv { if (req.http.Cookie ~ "new_feature" && req.url ~ "aaa") { # カナリア環境 set req.backend_hint = canary_release_backend; } else { # プロダクション環境 set req.backend_hint = production_backend; } }
17. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 17 リクエストごとにビルドする  3. クライアントが設定を変えると、スクリプトを再ビルド  4. スクリプトの修正は、全スクリプトの再ビルドが必要 を解決する
18. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 18   カナリー環境はリクエストに応じてスクリプトをビルドする 多少⻑めにキャッシュ 毎リクエストビルド
19. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 19   全体像
20. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 20  
21. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 　 21 まとめ＆感想 埋め込みスクリプトのカナリアリリース 環境の振り分けに Fastly VCL を使う スクリプトは毎回ビルドしてる CDN にロジックを組めるのは便利 Edge Computing をもっと組み込みたい   💡  💡