Stytch

Stytch Pages Plugin は、すべてのリクエストと session_token を検証するミドルウェアです。

npm i @cloudflare/pages-plugin-stytch

yarn add @cloudflare/pages-plugin-stytch

pnpm add @cloudflare/pages-plugin-stytch

bun add @cloudflare/pages-plugin-stytch

import stytchPlugin from "@cloudflare/pages-plugin-stytch";
import { envs } from "@cloudflare/pages-plugin-stytch/api";

export const onRequest: PagesFunction = stytchPlugin({
	project_id: "YOUR_STYTCH_PROJECT_ID",
	secret: "YOUR_STYTCH_PROJECT_SECRET",
	env: envs.live,
});

シークレットは、上記のような平文ではなく、KV に保存することをおすすめします。

Stytch Plugin は、複数のプロパティを持つオブジェクトを 1 つ引数に取ります。project_id と secret は必須の文字列で、Stytch のダッシュボード ↗ で確認できます。env も必須の文字列で、API の envs.test または envs.live 変数を渡せます。デフォルトでは、Plugin は受信リクエストの session_token Cookie を検証します。ユーザーセッションを別の仕組みで識別している場合は、session_token または session_jwt 文字列を自分で渡すこともできます。さらに、session_duration_minutes を渡すと、セッションの有効期間を延長できます。これらのパラメーターの詳細は、Stytch のドキュメント ↗ を参照してください。

検証済みセッションのレスポンス（ユーザー情報を含む）は、後続の Pages Functions から data.stytch.session で利用できます。