MCP Stytch Consumer Todo List

🚀 工人 + Stytch TODO 应用 MCP 服务器

本项目是一个由三个功能模块构成的工人服务器，它主要展示了如何将传统全栈应用程序扩展为可供人工智能代理使用的形式。具体功能如下：

• 基于 Worker 资产，运用 React 和 Vite 构建的静态网站。
• 基于 Workers KV，采用 Hono 构建的 REST API。
• 基于 工人持久对象 的 模型上下文协议 服务器。

用户和客户端身份由 Stytch 负责管理。该演示使用了 Stytch 消费者，这是专门针对消费者 SaaS 身份验证需求设计的产品。若您对 Stytch 的 B2B 产品更感兴趣，可查看 此演示。

🚀 快速开始

环境准备

在 Stytch 仪表板中

1. 访问 Stytch 创建账户，在注册流程中选择 消费者身份验证 作为感兴趣的认证类型。账户设置完成后，会自动创建一个名为“我的第一个项目”的项目。
2. 前往 前端 SDK 配置 启用前端 SDK（测试环境）。
3. 进入 连接的应用程序 启用动态客户端注册。
4. 打开 项目设置 查看项目 ID 和 API 令牌，后续步骤会用到这些值。

在本地机器上

在终端中执行以下命令克隆存储库并安装依赖：

git clone https://github.com/your-username/mcp-stytch-consumer-todo.git
cd mcp-stytch-consumer-todo
npm install

本地运行

1. 创建 .env.local 文件：

touch .env.local

2. 向 .env.local 文件添加以下内容：

STYTH_PUBLIC_KEY=your_stytch_public_key
STYTH_PRIVATE_KEY=your_stytch_private_key
STYTH_PROJECT_ID=your_stytch_project_id

3. 创建 .dev.vars 文件并添加相应内容：

echo "STYTH_PUBLIC_KEY=your_stytch_public_key" >> .dev.vars
echo "STYTH_PRIVATE_KEY=your_stytch_private_key" >> .dev.vars
echo "STYTH_PROJECT_ID=your_stytch_project_id" >> .dev.vars

4. 启动应用程序：

npm run dev

部署到 Cloudflare Workers

1. 创建 KV 命名空间，并更新 wrangler.ts 文件中的 ID。
2. 上传 Stytch 环境变量：

npx wrangler secret bulk .dev.vars

3. 部署工人：

npm run deploy

4. 在 Stytch 中添加允许的应用程序 URL：
   • 添加 https://mcp-stytch-consumer-todo.$YOUR_ACCOUNT_NAME.workers.dev/authenticate 作为重定向 URL。
   • 添加 https://mcp-stytch-consumer-todo.$YOUR_ACCOUNT_NAME.workers.dev 为授权应用程序。

📚 详细文档

获取帮助和加入社区

:speech_balloon: Stytch 社区 Slack

您可以在我们的 Slack 社区 中进行讨论、提问以及建议新功能！