使用说明
Workers+Stytch TODO应用程序MCP服务器
这是一个Workers服务器，由三个功能组成：
用户和客户端身份通过以下方式管理 斯泰奇总而言之，这三个功能展示了如何扩展传统的全栈应用程序以供AI代理使用。
此演示使用 Stytch消费者 该产品是专门为消费者SaaS身份验证要求而构建的。 如果你对Stytch’s更感兴趣 公司对公司业务 产品，请参阅 这个demo 相反。
设置
按照以下步骤操作，使用您自己的Stytch凭据使此应用程序完全正常运行。
在Stytch仪表板中
-
创建一个 斯泰奇 账户在注册流程中选择 消费者身份验证 作为您感兴趣的身份验证类型。设置帐户后，将自动为您创建一个名为“我的第一个项目”的项目。
-
引导到 前端SDK 在测试中启用前端SDK
-
引导到 已连接的应用程序 启用动态客户端注册并将您的授权URL配置为
http://localhost:3000/oauth/authorize. -
引导到 项目设置 查看您的项目域、项目ID和API密钥。稍后您将需要这些值。
在您的机器上
在终端中克隆项目并安装依赖项：
git clone https://github.com/cloudflare/ai.git
cd ai
npm i
cd demos/mcp-stytch-consumer-todo-list
接下来，创建一个 .env.local 通过运行下面的命令复制文件的内容 .env.template.
cp .env.template .env.local
打开 .env.local 在您选择的文本编辑器中，使用 public_token 和 project domain 在上找到 项目设置.
# This is what a completed .env.local file will look like
VITE_STYTCH_PUBLIC_TOKEN=public-token-test-abc123-abcde-1234-0987-0000-abcd1234
VITE_STYTCH_DOMAIN=random-domain-name.customers.stytch.dev
创建一个 .dev.vars 通过运行下面的命令复制文件的内容 .dev.vars.template
cp .dev.vars.template .dev.vars
打开 .dev.vars 在您选择的文本编辑器中，使用 Project ID 和 Secret 在上找到 项目设置.
// This is what a completed .dev.vars file will look like
STYTCH_PROJECT_ID=project-test-6c20cd16-73d5-44f7-852c-9a7e7b2ccf62
在本地运行
完成上述所有设置步骤后，可以使用以下命令运行应用程序：
npm run dev
该应用程序将在 http://localhost:3000 MCP服务器将在 http://localhost:3000/sse.
使用以下工具测试您的MCP服务器 MCP检查员
npx @modelcontextprotocol/inspector@latest
部署到Cloudflare Workers
点击按钮- 您需要在初始部署后配置环境变量.
或者，如果您想手动执行以下步骤：
- 为TODO应用程序创建KV命名空间以供使用
wrangler kv namespace create TODOS
- 更新中的KV命名空间ID
wrangler.jsonc使用您收到的ID：
"kv_namespaces": [
{
"binding": "TODOS",
"id": "your-kv-namespace-id"
}
]
- 上传您的Stytch Env Vars供工人使用
npx wrangler secret bulk .dev.vars
- 部署工人
npm run deploy
- 授予您对Stytch项目的部署访问权限。假设您的Stytch项目部署在
https://mcp-stytch-consumer-todo-list.$YOUR_ACCOUNT_NAME.workers.dev:
获得帮助并加入社区
：speech_balloon:Stytch社区Slack
加入讨论，提出问题，并在我们的 Slack社区!
