Workers + Stytch TODO App MCP Server

Workers + Stytch TODO 应用 MCP 服务器

stytchauth

开发者工具

README

这是一个 Workers 服务器，它组合了三个功能：

用户和客户端身份验证由 Stytch 管理。总而言之，这三个特性展示了如何扩展传统的全栈应用程序，以供 AI 代理使用。

此演示使用 Stytch Consumer 产品，该产品专为 Consumer SaaS 身份验证需求而构建。如果您对 Stytch 的 B2B 产品更感兴趣，请参阅此演示。

按照以下步骤操作，使此应用程序完全正常运行，并使用您自己的 Stytch 凭据运行。

创建一个 Stytch 帐户。在注册流程中，选择 Consumer Authentication 作为您感兴趣的身份验证类型。设置好您的帐户后，将自动为您创建一个名为“My first project”的项目。
导航到 Frontend SDKs 以在测试环境中启用 Frontend SDK。
导航到 Connected Apps 以启用动态客户端注册。
导航到 Project Settings 以查看您的项目 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，并使用在 Project Settings 上找到的 public_token 设置环境变量。

# 这是一个完整的 .env.local 文件示例
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 Settings 上找到的 Project ID 和 Secret 设置环境变量。

// 这是一个完整的 .dev.vars 文件示例
STYTCH_PROJECT_ID=project-test-6c20cd16-73d5-44f7-852c-9a7e7b2ccf62

完成上述所有设置步骤后，可以使用以下命令运行应用程序：

npm run dev

该应用程序将在 http://localhost:3000 上可用，MCP 服务器将在 http://localhost:3000/sse 上可用。

使用 MCP Inspector 测试您的 MCP 服务器

npx @modelcontextprotocol/inspector@latest

单击该按钮 - 您需要在初始部署后配置环境变量。

或者，如果您想手动执行这些步骤：

wrangler kv namespace create TODOS

"kv_namespaces": [
   {
      "binding": "TODOS",
      "id": "your-kv-namespace-id"
   }
]

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
2. 将 https://mcp-stytch-consumer-todo-list.$YOUR_ACCOUNT_NAME.workers.dev 添加为 Frontend SDKs 配置中允许的授权应用程序