GraphQL Server on Edge after that

Slide 1

Slide 1 text

GraphQL Server on Edge after that Workers Tech Talks #2 2023.12.15

Slide 2

Slide 2 text

活用例(In my case) ※管理画面 Cloudﬂare Workers Durable Objects Authentication Cloud Messaging Crashlytics etc 認証画像データ (R2) Socket通信 GraphQL PUSH Node.js処理サーバ GraphQL Server その他サービス現在前回はこのあたり話した

Slide 3

Slide 3 text

今日はもうちょい細かく実用的な話

Slide 4

Slide 4 text

アプリケーションの移行方法

Slide 5

Slide 5 text

部分的（一部のURL）に移行することは可能。 Proxyすることで元のオリジンも残したままにすることも可能。

Slide 6

Slide 6 text

/graphql 初期はシンプルにCloudﬂareがドメインを管理して Cloud Runに向けていただけ /api GraphQL以外の処理をするルーティングも存在

Slide 7

Slide 7 text

/graphql Cloudﬂare WorkersのRoute機能を使ってGraphQLのエンドポイントだけ動くようにして他は従来のAPIが動作するようにする。 /api GraphQL Server リクエストは処理しないが問題が発生した場合に即座に戻せる GraphQL以外のルーティングはCloudﬂare Workersが動作しないので従来通り動作する

Slide 8

Slide 8 text

Database接続の注意点

Slide 9

Slide 9 text

リクエスト間で接続を共有することは出来ないので都度接続する

Slide 10

Slide 10 text

1回目のリクエスト GraphQL Server 1回目のリクエストのコネクション 2回目のリクエスト 1回目のリクエストのコネクションを使うことは出来ないので新たに2回目のリクエストのコネクションを作成する Cloudﬂare Workersに限らず、サーバレスでは常時起動するわけではないのでメモリなどの永続的な領域に頼らない方が吉

Slide 11

Slide 11 text

リクエストの都度のデータベース接続を行う例

Slide 12

Slide 12 text

非同期処理のためにリクエストの最後に接続を切らない。接続が残ってしまうのはDB側で頑張る。

Slide 13

Slide 13 text

問題を再現する最小のコード do not work waitUntil also do not work disconnect

Slide 14

Slide 14 text

ちなみに前回の資料でDataLoaderが動作しないといったのはこれのせいでした

Slide 15

Slide 15 text

https://github.com/graphql/dataloader/blob/main/src/index.js の一部のコード setImmediateは使用できないので setTimeoutが使用されて遅延処理を行う

Slide 16

Slide 16 text

Cloudﬂare Workers（サーバ）の管理

Slide 17

Slide 17 text

残念ながら標準のログ機能はあまり当てにせず、自分でログ基盤は構築すること

Slide 18

Slide 18 text

ログをR2に出力することはできるが…

Slide 19

Slide 19 text

見る（探す）方法が標準で存在しないので絶望的に使いにくい

Slide 20

Slide 20 text

なので自分でなんでもいいのでログ基盤は用意すること私の場合はOpenObserveを使用しています(SQLでログ検索できるので便利)

Slide 21

Slide 21 text

障害も発生したりするので、SPoFでもいいが障害が発生したことがわかるようにすること

Slide 22

Slide 22 text

インシデントアラート機能があるので、とりあえず設定すること https://blog.cloudﬂare.com/incident-alerts/

Slide 23

Slide 23 text

サーバ費

Slide 24

Slide 24 text

サーバ費は本当に1/10になってます。請求書はこちら。

Slide 25

Slide 25 text

赤は管理画面も含めてすべてCloudﬂareに移行 Cloud Runの請求金額の変遷最小インスタンス数の設定などのコールドスタンバイ対策設定は無かったのであればもう少し高かった

Slide 26

Slide 26 text

Cloudﬂareの請求金額の変遷料金改定を適用したら高くなった？これくらいなんてことはない。

Slide 27

Slide 27 text

Let’s Try Originless!!

Slide 28

Slide 28 text

Thanks! ● name: chimame / rito ● job: Webエンジニア ● ﬁeld: Cloudﬂare, GCP, AWS, Ruby, Node.js, TypeScript, React, Next.js, Remix, Docker etc ● company: Goens株式会社( https://about.goen-s.com ) ● twitter: @chimame_rt ● GitHub: chimame