Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
GraphQL Server on Edge after that
Search
chimame
December 15, 2023
Programming
1
1.4k
GraphQL Server on Edge after that
Workers Teck Tolks #2
chimame
December 15, 2023
Tweet
Share
More Decks by chimame
See All by chimame
RemixでVersion skewに立ち向かう
chimame
1
880
私がエッジを使う理由
chimame
10
4k
Accelerating App Dev with Cloudflare Workers
chimame
1
400
GraphQL Server on Edge
chimame
12
5.7k
エッジで輝くフロントエンド
chimame
11
6.6k
Cloudflare Workersと状態管理
chimame
4
1.6k
CSRなサイトを (疑似的な)ISRに変更した話
chimame
0
580
Cloud Runマネージドに適したアプリケーションを考える
chimame
1
290
RDS Proxyを使ってAuroraと仲良くなる
chimame
0
1.1k
Other Decks in Programming
See All in Programming
20241217 競争力強化とビジネス価値創出への挑戦:モノタロウのシステムモダナイズ、開発組織の進化と今後の展望
monotaro
PRO
0
280
「とりあえず動く」コードはよい、「読みやすい」コードはもっとよい / Code that 'just works' is good, but code that is 'readable' is even better.
mkmk884
6
1.4k
Azure AI Foundryのご紹介
qt_luigi
1
200
Swiftコンパイラ超入門+async関数の仕組み
shiz
0
170
ATDDで素早く安定した デリバリを実現しよう!
tonnsama
1
1.9k
선언형 UI에서의 상태관리
l2hyunwoo
0
270
chibiccをCILに移植した結果 (NGK2025S版)
kekyo
PRO
0
130
DMMオンラインサロンアプリのSwift化
hayatan
0
180
令和7年版 あなたが使ってよいフロントエンド機能とは
mugi_uno
10
5.2k
混沌とした例外処理とエラー監視に秩序をもたらす
morihirok
13
2.2k
技術的負債と向き合うカイゼン活動を1年続けて分かった "持続可能" なプロダクト開発
yuichiro_serita
0
300
ASP.NET Core の OpenAPIサポート
h455h1
0
110
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
40
2.5k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.9k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Fireside Chat
paigeccino
34
3.1k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Practical Orchestrator
shlominoach
186
10k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
Transcript
GraphQL Server on Edge after that Workers Tech Talks #2
2023.12.15
活用例(In my case) ※管理画面 Cloudflare Workers Durable Objects Authentication Cloud
Messaging Crashlytics etc 認証 画像データ (R2) Socket通信 GraphQL PUSH Node.js処理サーバ GraphQL Server その他サービス 現在 前回はこのあたり話した
今日はもうちょい細かく 実用的な話
アプリケーションの移行方法
部分的(一部のURL)に移行することは可能。 Proxyすることで元のオリジンも残したままにすることも可能。
/graphql 初期はシンプルにCloudflareがドメインを管理して Cloud Runに向けていただけ /api GraphQL以外の処理をするルーティングも存在
/graphql Cloudflare WorkersのRoute機能を使ってGraphQLのエンドポイント だけ動くようにして他は従来のAPIが動作するようにする。 /api GraphQL Server リクエストは処理しないが問題が発生した 場合に即座に戻せる GraphQL以外のルーティングはCloudflare
Workersが動作しないので従来通り動作する
Database接続の注意点
リクエスト間で接続を共有することは出来ないので 都度接続する
1回目のリクエスト GraphQL Server 1回目のリクエストのコネクション 2回目のリクエスト 1回目のリクエストのコネクションを使うことは出来 ないので新たに2回目のリクエストのコネクションを 作成する Cloudflare Workersに限らず、サーバレスでは常時起動するわけでは
ないのでメモリなどの永続的な領域に頼らない方が吉
リクエストの都度のデータベース接続を行う例
非同期処理のためにリクエストの最後に接続を切らない。 接続が残ってしまうのはDB側で頑張る。
問題を再現する最小のコード do not work waitUntil also do not work disconnect
ちなみに前回の資料でDataLoaderが動作 しないといったのはこれのせいでした
https://github.com/graphql/dataloader/blob/main/src/index.js の一部のコード setImmediateは使用できないので setTimeoutが使用されて遅延処理を行う
Cloudflare Workers(サーバ)の 管理
残念ながら標準のログ機能はあまり当てにせず、 自分でログ基盤は構築すること
ログをR2に出力することはできるが…
見る(探す)方法が標準で存在しないので絶望的に使いにくい
なので自分でなんでもいいのでログ基盤は用意すること 私の場合はOpenObserveを使用しています(SQLでログ検索できるので便利)
障害も発生したりするので、SPoFでもいいが障害 が発生したことがわかるようにすること
インシデントアラート機能があるので、とりあえず設定すること https://blog.cloudflare.com/incident-alerts/
サーバ費
サーバ費は本当に1/10になってます。 請求書はこちら。
赤は管理画面も含めて すべてCloudflareに移 行 Cloud Runの請求金額の変遷 最小インスタンス数の設定などのコールドスタンバイ対策設定は無かったのであればもう少し高かった
Cloudflareの請求金額の変遷 料金改定を適用したら 高くなった?これくら いなんてことはない。
Let’s Try Originless!!
Thanks! • name: chimame / rito • job: Webエンジニア •
field: Cloudflare, GCP, AWS, Ruby, Node.js, TypeScript, React, Next.js, Remix, Docker etc • company: Goens株式会社( https://about.goen-s.com ) • twitter: @chimame_rt • GitHub: chimame