Building a Remote MCP Server on Cloudflare (Without Auth)

在 Cloudflare 上构建远程 MCP 服务（无需身份验证）

此示例可让你在 Cloudflare Workers 上部署一个无需身份验证的远程 MCP 服务。该服务包含用于网站抓取和内容提取的工具，利用了 Cloudflare 的 Browser Rendering 和 AI 功能。

开始使用：

此操作会将你的 MCP 服务部署到类似以下格式的 URL：remote-mcp-server-authless.<your-account>.workers.dev/sse

或者，你可以使用下面的命令，在本地计算机上创建远程 MCP 服务：

npm create cloudflare@latest -- my-mcp-server --template=cloudflare/ai/demos/remote-mcp-authless

自定义 MCP 服务

要向 MCP 服务添加自己的工具，请在 src/index.ts 的 init() 方法中使用 this.server.tool(...) 定义每个工具。

连接到 Cloudflare AI Playground

你可以从 Cloudflare AI Playground 连接到 MCP 服务。它是一个远程 MCP 客户端：

1. 前往 https://playground.ai.cloudflare.com/
2. 输入已部署的 MCP 服务 URL（remote-mcp-server-authless.<your-account>.workers.dev/sse）
3. 现在即可直接在 Playground 中使用 MCP 工具！

将 Claude Desktop 连接到 MCP 服务

你也可以使用 mcp-remote 代理，从本地 MCP 客户端连接到远程 MCP 服务。

要从 Claude Desktop 连接到 MCP 服务，请按照 Anthropic 的快速入门指南操作，然后在 Claude Desktop 中前往 Settings > Developer > Edit Config。

使用以下配置进行更新：

{
  "mcpServers": {
    "calculator": {
      "command": "npx",
      "args": [
        "mcp-remote",
        "http://localhost:8787/sse"  // or remote-mcp-server-authless.your-account.workers.dev/sse
      ]
    }
  }
}

重启 Claude 后，你就会看到这些工具可用。