Buildwithlayer MCP

基本流式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的上下文，并将其粘贴到游标中的内联聊天中：

1. 如果这不起作用，您始终可以使用解决方案文件作为参考。解决方案文件位于 solutions 文件夹。

添加身份验证

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

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

1. 努力 ngrok 账户在这里 并安装ngrok-cli
2. 运行服务器并在新的终端中运行 ngrok http 3040。这会使您的服务器暴露在互联网上。获取转发url

1. 转到这个 Web 应用.
2. 输入转发url并附加 /mcp 到最后

1. 从程序集AI获取API密钥 装配ai 并将其添加到API密钥字段
2. 玩这个应用程序！