流式HTTP MCP服务器

一个用于设置和管理流式HTTP MCP服务器的工具,支持添加基本工具和API工具,适用于开发者和技术团队。

  • by buildwithlayer
  • TypeScript
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 buildwithlayer/mcp-http-demo

使用说明

基本流式HTTP MCP服务器教程

嘿!这是设置Streamable HTTP MCP服务器的基本教程。在本教程中,我们将介绍以下内容:

  • 设置基本的流式HTTP MCP服务器
  • 添加基本工具
  • 添加API工具
  • (即将推出)添加身份验证

设置

  1. 克隆存储库
  2. 跑 npm install 安装依赖项
  3. 跑 npm run dev 启动服务器
  4. 使用打开检查器 DANGEROUSLY_OMIT_AUTH=true npx @modelcontextprotocol/inspector@latest http://localhost:3040

添加基本工具

  1. 打开 src/server.ts
  2. 在服务器中添加一个工具 McpServer 类已定义
server.tool(
  "add",
  "Use this tool to add two numbers together.",
  {
    a: z.number().describe("The first number to add"),
    b: z.number().describe("The second number to add"),
  },
  async ({ a, b }) => {
    // FILL THIS IN YOURSELF
  }
);
  1. 在检查器中刷新并调用工具

添加API工具

  1. 打开 src/server.ts
  2. 我们将使用此api来测试添加api工具,因为它没有身份验证,可以免费使用 Curreny费率API
  3. 让我们尝试对工具进行“vibe”编码。首先复制github readme的上下文,并将其粘贴到游标中的内联聊天中:
  4. 如果这不起作用,您始终可以使用解决方案文件作为参考。解决方案文件位于 solutions 文件夹。

添加身份验证

有一天会到来——解决方案文件包含具有身份验证的服务器

可选:在另一个客户端中尝试您的服务器

  1. 努力 ngrok 账户在这里 并安装ngrok-cli
  2. 运行服务器并在新的终端中运行 ngrok http 3040。这会使您的服务器暴露在互联网上。获取转发url
  3. 转到这个 Web 应用.
  4. 输入转发url并附加 /mcp 到最后
  5. 从程序集AI获取API密钥 装配ai 并将其添加到API密钥字段
  6. 玩这个应用程序!