Building a Remote MCP Server on Cloudflare (Without Auth)

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

此示例可让你在 Cloudflare Workers 上部署无需身份验证的远程 MCP 服务。该服务包含用于网站分析和内容提取的工具，使用 Cloudflare 的浏览器渲染和 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

可用工具

网站分析工具

1. analyze_website

   • 使用 Cloudflare 的浏览器渲染功能抓取并分析网站
   • 使用 Cloudflare AI 总结网站内容
   • 输入：url（字符串）——要分析的网站 URL
   • 示例：[tool] analyze_website(url: "https://example.com")

2. ask_q_about_website

   • 抓取网站并回答有关其内容的具体问题
   • 使用 Cloudflare AI 理解并回答有关网站的问题
   • 输入：
     • url（字符串）——要分析的网站 URL
     • question（字符串）——你对网站内容的疑问
   • 示例：[tool] ask_q_about_website(url: "https://example.com", question: "What services does this company offer?")

自定义 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 proxy，从本地 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 后，即可看到可用工具。

要求

要使用网站分析工具，你需要：

1. 启用了浏览器绑定的 Cloudflare Workers
2. 已配置 Cloudflare AI 绑定
3. 两种绑定都具有相应权限

请确保 wrangler.jsonc 包含：

{
  "browser": {
    "binding": "BROWSER"
  },
  "ai": {
    "binding": "AI"
  }
}