任务管理服务器

一个基于Cloudflare Workers和Stytch的身份验证服务构建的任务管理服务器,包含静态网站、REST API和模型上下文协议服务器。

  • by poteitoo
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 poteitoo/mcp-stytch-consumer-todo-list

使用说明

Workers+Stytch TODO应用程序MCP服务器

这是一个Workers服务器,由三个功能组成:

用户和客户端身份通过以下方式管理 停止总而言之,这三个功能展示了如何扩展传统的全栈应用程序以供AI代理使用。

此演示使用 Stytch消费者 该产品是专门为消费者SaaS身份验证要求而构建的。 如果你对Stytch’s更感兴趣 公司对公司业务 产品,请参阅 这个演示 相反。

设置

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

在Stytch仪表板中

  1. 创建一个 停止 账户在注册流程中选择 消费者身份验证 作为您感兴趣的身份验证类型。设置帐户后,将自动为您创建一个名为“我的第一个项目”的项目。

  2. 导航至 前端SDK 在测试中启用前端SDK

  3. 导航至 已连接的应用程序 启用动态客户端注册

  4. 导航至 项目设置 查看您的项目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

点击按钮- 您需要在初始部署后配置环境变量.

或者,如果您想手动执行以下步骤:

  1. 为TODO应用程序创建KV命名空间以供使用
wrangler kv namespace create TODOS
  1. 更新中的KV命名空间ID wrangler.jsonc 使用您收到的ID:
"kv_namespaces": [
   {
      "binding": "TODOS",
      "id": "your-kv-namespace-id"
   }
]
  1. 上传您的Stytch Env Vars供工人使用
npx wrangler secret bulk .dev.vars
  1. 部署工人
npm run deploy
  1. 授予您对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 作为许可的授权申请 前端SDK 配置

获得帮助并加入社区

:speech_balloon:Stytch社区Slack

加入讨论,提出问题,并在我们的 Slack社区!