中文版 - Web MCP Server 配置

Web MCP

MCP Client 客户端配置

VS Code
Cursor
Claude Desktop
Windsurf
Trae
Workers AI LLM Playground
MCP Inspector Online

VS Code

VS Code 支持在 Agent 模式使用 MCP 服务。

操作步骤，参考文档： Use MCP servers in VS Code

按 Ctrl + Shift + P 快捷键，并输入 MCP:
选择 MCP: Add Server...
选择 HTTP (HTTP or Sever-Sent Events)
粘贴 Web MCP 的服务链接，并按 Enter 确认

参考配置：用复制的 Web MCP 扩展插件中的服务 URL 替换下面的 URL。

{
    "servers": {
        "web-mcp": {
            "type": "sse",
            "url": "https://web-mcp.xxx.xxx/sse/xxxxxxx-xxxx-xxxx-xxxxx-xxxxxxx"
        }
    }
}

Cursor

操作步骤，参考文档 Cursor - Configuring MCP Servers

点击 Cursor 右上角的设置图标
在设置页面的左侧目录中选择 MCP
点击 Add new global MCP server
参考下面的代码完成配置（请用从 Web MCP 扩展中的 URL 替换下面的 URL）

{
  "mcpServers": {
    "server-name": {
      "url": "https://web-mcp.xxx.xxx/sse/xxxxxxx-xxxx-xxxx-xxxxx-xxxxxxx",
      "env": {}
    }
  }
}

Claude Desktop

Claude Desktop 截止目前似乎还未支持 SSE/Streamable HTTP ，可以使用本地代理来连接，参考文档 Connect your remote MCP server to Claude Desktop via a local proxy

{
  "mcpServers": {
    "math": {
      "command": "npx",
      "args": ["mcp-remote", "https://web-mcp.xxx.xxx/sse/xxxxxxx-xxxx-xxxx-xxxxx-xxxxxxx"]
    }
  }
}

Windsurf

参考文档 Model Context Protocol (MCP)

按 Ctrl + Shift + P 快捷键，并输入 MCP:
选择 MCP: Add Server...
选择 HTTP (sever-sent events)
粘贴 Web MCP 的服务链接，并按 Enter 确认

参考配置：

{
  "mcpServers": {
    "web-mcp": {
      "serverUrl": "https://web-mcp.xxx.xxx/sse/xxxxxxx-xxxx-xxxx-xxxxx-xxxxxxx"
    }
  }
}

Trae

参考文档 Model Context Protocol (MCP)

按 Ctrl + Shift + P 快捷键，并输入 MCP:
选择 “打开MCP配置（JSON）” (Open MCP Config (JSON))
参考下面的配置添加 Web MCP

{
    "mcpServers": {
        "web-mcp": {
            "type": "sse",
            "url": "https://web-mcp.koyeb.app/sse/39aae7a3-a4ae-40bc-bd4d-49efad5e990b"
        }
    }
}

Workers AI LLM Playground

Workers AI LLM Playground 是一个 AI 网页聊天工具，无需下载客户端，可直接在网页打开使用，部分模型支持 MCP。

在 Model 下拉框中选择标有 MCP 的模型
在 “MCP Servers” 下方的输入框中输入 Web MCP 的连接
点击 “Connect” 连接按钮

MCP Inspector Online

MCP Inspector Online 是 Web MCP 提供的一个网页版的 MCP 开发调试工具，无需安装，可以随时在网页中打开使用。

MCP Inspector Online 本身可以看作是一个 MCP Client, 不过并没有 AI 驱动，支持 SSE 和 Streamable HTTP 两种 MCP Server。

中文版 - Web MCP Server 配置

On this page