Deno Deployと組み合わせるのに Upstashをおすすめしたい

by 虎の穴ラボ株式会社

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Copyright (C) 2021 Toranoana Inc. All Rights Reserved. upstash の Redis  - 無料プラン：10K コマンド/日  - 有料プラン：0.2 $/100Kコマンド、月間最大 $120 まで  - 公式が、deno.land/x にモジュールを公開済み  https://deno.land/x/[email protected]  - Redisと銘打つものの、内部でfetchが使用されたhttpリクエストを使用  「Redisっぽく動く」「Redis互換の」ぐらいの感触 

Slide 8

Slide 8 text

Copyright (C) 2021 Toranoana Inc. All Rights Reserved. upstash の Redis の使用例  import { Application, Router, Context } from "https://deno.land/x/oak/mod.ts"; import { Redis } from "https://deno.land/x/upstash_redis/mod.ts"; const redis = new Redis({ url: Deno.env.get("UPSTASH_URL"), token: Deno.env.get("UPSTASH_TOKEN"), }); const router = new Router(); router.get("/", async (context: Context) => { const count = await redis.get("count"); context.response.body = count; }); router.post("/update", async (context: Context) => { await redis.incr("count"); context.response.body = "updated"; }); const app = new Application(); app.use(router.routes()); app.use(router.allowedMethods()); await app.listen({ port: 8080 });  

Slide 9

Slide 9 text

Copyright (C) 2021 Toranoana Inc. All Rights Reserved. upstash の Redis で実際にやりたいのは?  - キャッシュの仕組みが有ったときに、Webサービスで扱いたいのは  「セッション」では無いだろうか(偏見かもしれません)  - oak_session モジュール + upstash_redis モジュールは組み合わせ可能？  => できるただし...、オプションが必須 

Slide 10

Slide 10 text

Copyright (C) 2021 Toranoana Inc. All Rights Reserved. upstash の Redis を oak_session で使う  import { Application, Context, Router } from "https://deno.land/x/oak/mod.ts"; import { RedisStore, Session } from "https://deno.land/x/oak_sessions/mod.ts"; import { Redis } from "https://deno.land/x/upstash_redis/mod.ts"; const redis = new Redis({ url: Deno.env.get("UPSTASH_URL")!, token: Deno.env.get("UPSTASH_TOKEN")!, automaticDeserialization: false, // <== ポイント }); const router = new Router(); router.get("/", async (context: Context) => { const name = await context.state.session.get("name"); context.response.body = `

${!name ? "" : "name=" + name}

submit `; }); router.post("/", async (context: Context) => { const form = await context.request.body({ type: "form" }).value; const name = form.get("name"); if (!!name) context.state.session.set("name", name); context.response.redirect("/"); }); type AppState = { session: Session; }; const app = new Application(); const store = new RedisStore(redis); app.use(Session.initMiddleware(store)); app.use(router.routes()); app.use(router.allowedMethods()); await app.listen({ port: 8080 });   upstash_redisは、デフォルトで、jsonの自動デシリアライズが ONになっているのでこの機能を停止させる   デシリアライズは、oak_session に任せる！    

Slide 11

Slide 11 text

Copyright (C) 2021 Toranoana Inc. All Rights Reserved. qStash ?  - upstashの独自サービス  - サーバーレス、エッジランタイム向け、HTTPベースメッセージング/  スケジューリングソリューション  - 無料プラン：50リクエスト/日  - 有料プラン：50Kリクエスト/日 0.4 $/1Kリクエスト月間最大 $450   - 最大のポイント Deno Deploy をスケジュール実行できる  => さらに、upstash公式が deno deploy をサポート 

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Copyright (C) 2021 Toranoana Inc. All Rights Reserved. Deno Deployで qStash 使ってみる   ポイント  - 公式が、deno.land/x にモジュールを公開済み  - https://deno.land/x/[email protected]  - qStashからのリクエストであることを upstash_qstash モジュールを  使い検証すること   

Slide 15

Slide 15 text

Copyright (C) 2021 Toranoana Inc. All Rights Reserved. Deno Deploy で qStash を使う実装例  import { Application, Router, Context } from "https://deno.land/x/oak/mod.ts"; import { Redis } from "https://deno.land/x/upstash_redis/mod.ts"; import { Receiver } from "https://deno.land/x/upstash_qstash/mod.ts"; const redis = new Redis({ url: Deno.env.get("UPSTASH_URL"), token: Deno.env.get("UPSTASH_TOKEN"), }) const receiver = new Receiver({ currentSigningKey: Deno.env.get("QSTASH_CURRENT_SIGNING_KEY")!, nextSigningKey: Deno.env.get("QSTASH_NEXT_SIGNING_KEY")!, }); const router = new Router(); router.get("/", async(context:Context) => { const count = await redis.get("count"); context.response.body = count; });   router.post("/update", async(context:Context) => { const isValid = await receiver.verify({ // <== ポイント signature: context.request.headers.get("Upstash-Signature")!, body: await context.request.body({ type: "text" }).value, }).catch((err: Error) => { console.error(err); return false; }); if (!isValid) { return new Response("Invalid signature", { status: 401 }); } await redis.incr("count"); return new Response("OK", { status: 200 }); }); const app = new Application(); app.use(router.routes()); app.use(router.allowedMethods()); await app.listen({ port: 8080 });  

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Copyright (C) 2021 Toranoana Inc. All Rights Reserved. Deno Deploy 起点フルサーバーレスサービスインフラ構想  deno deploy フロントサーバー・APIサーバー・DB管理・ストレージキャッシュ呼び出し Redis qStash バッチ処理呼び出し deno deploy +　　　　　　+ bunny cdn ... API呼び出し