Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
GraphQL Server on Edge after that
Search
chimame
December 15, 2023
Programming
1.9k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
GraphQL Server on Edge after that
Workers Teck Tolks #2
chimame
December 15, 2023
More Decks by chimame
See All by chimame
Cloudflare is Agents
chimame
0
210
知って得する@cloudflare_vite-pluginのあれこれ
chimame
2
690
Boost Your Web Performance with Hyperdrive
chimame
1
580
RemixでVersion skewに立ち向かう
chimame
2
1.3k
私がエッジを使う理由
chimame
10
4.2k
Accelerating App Dev with Cloudflare Workers
chimame
1
520
GraphQL Server on Edge
chimame
12
6.8k
エッジで輝くフロントエンド
chimame
11
7k
Cloudflare Workersと状態管理
chimame
4
2.1k
Other Decks in Programming
See All in Programming
iOSDC2026登壇資料.pdf
riofujimon
0
200
ソニーのクラウド共通基盤の変遷とAI時代の開発スタイルに合わせた進化 / The Journey of Sony’s Common Cloud Platform and Its Evolution for AI-Native Development
kenjiyoneyama
0
190
モジュールの視点からSwiftを読み解く #iosdc
s_shimotori
0
250
AGENTS.md Is Not Enough:Build Skills, Don't Download Them
lx_t
0
130
半永久的に提供し続けられるプライベートクラウドを目指して ― 利用者の認知負荷を抑えるAPI抽象化とハードウェア世代交代の基盤設計
tomokon
0
290
動作中のプログラムの中身をリアルタイムに覗く / Realtime Debugger for CSharp with Roslyn
prota
1
1.6k
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
350
AHC070解法紹介
eijirou
0
140
スマートフォンでモールス信号を送受信する 〜スマートフォンのLEDとカメラで作る光通信の設計と実装〜
atsuki_seo
0
210
UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono
drumath2237
1
490
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
420
SONY CISC-NEWS NWS-1750 + NWB-225 フレームバッファの NetBSD/news68k ドライバ実装 / OSC2026Hiroshima
tsutsui
0
160
Featured
See All Featured
Designing Experiences People Love
moore
143
24k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6.1k
Writing Fast Ruby
sferik
630
63k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
490
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
Context Engineering - Making Every Token Count
addyosmani
9
1.2k
The browser strikes back
jonoalderson
0
1.7k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3k
KATA
mclloyd
PRO
35
16k
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
ラッコキーワード サービス紹介資料
rakko
1
5.1M
Facilitating Awesome Meetings
lara
57
7.2k
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