Workers+Stytch TODO应用程序MCP服务器
这是一个Workers服务器,由三个功能组成:
用户和客户端身份通过以下方式管理 停止总而言之,这三个功能展示了如何扩展传统的全栈应用程序以供AI代理使用。
此演示使用 Stytch消费者 该产品是专门为消费者SaaS身份验证要求而构建的。
设置
按照以下步骤操作,使用您自己的Stytch凭据使此应用程序完全正常运行。
在Stytch仪表板中
- 创建一个 停止 账户在注册流程中选择 消费者身份验证 作为您感兴趣的身份验证类型。设置帐户后,将自动为您创建一个名为“我的第一个项目”的项目。
- 引导到 前端SDK 在测试中启用前端SDK
- 引导到 已连接的应用程序 启用动态客户端注册
- 引导到 项目设置 查看您的项目ID和API密钥。稍后您将需要这些值。
在您的机器上
在终端中克隆项目并安装依赖项:
git clone https://github.com/stytchauth/mcp-stytch-consumer-todo-list.git
cd mcp-stytch-consumer-todo-list
npm i接下来,创建一个 .env.local 通过运行下面的命令复制文件的内容 .env.template.
cp .env.template .env.local打开 .env.local 在您选择的文本编辑器中,使用 public_token 在上找到 项目设置.
# This is what a completed .env.local file will look like
VITE_STYTCH_PUBLIC_TOKEN=public-token-test-abc123-abcde-1234-0987-0000-abcd1234创建一个 .dev.vars 通过运行下面的命令复制文件的内容 .dev.vars.template
cp .dev.vars.template .dev.vars打开 .dev.vars 在您选择的文本编辑器中,使用 Project ID, Secret,以及 Project Domain 在上找到 项目设置.
// This is what a completed .dev.vars file will look like
STYTCH_PROJECT_ID=project-test-6c20cd16-73d5-44f7-852c-9a7e7b2ccf62
STYTCH_SECRET=your-stytch-secret-key
STYTCH_DOMAIN=https://cname-word-1234.customers.stytch.dev在本地运行
完成上述所有设置步骤后,可以使用以下命令运行应用程序:
npm run dev该应用程序将在 http://localhost:3000 MCP服务器将在 http://localhost:3000/mcp.
使用以下工具测试您的MCP服务器 MCP检查员
npx @modelcontextprotocol/inspector@latest导航到运行检查器的URL,并输入以下值:
- 运输类型:
Streamable HTTP - 网址:
http://localhost:3000/mcp
部署到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:
1. 添加 https://mcp-stytch-consumer-todo-list.$YOUR_ACCOUNT_NAME.workers.dev/authenticate 作为一个允许 重定向URL 1. 添加 https://mcp-stytch-consumer-todo-list.$YOUR_ACCOUNT_NAME.workers.dev 作为许可的授权申请 前端SDK 配置
获得帮助并加入社区
:speech_balloon:Stytch社区Slack
加入讨论,提出问题,并在我们的 Slack社区!
