在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: "这家公司提供哪些服务？")

自定义您的MCP服务器

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

连接到Cloudflare AI游乐场

您可以通过Cloudflare AI游乐场连接到您的MCP服务器，这是一个远程MCP客户端：

1. 访问 https://playground.ai.cloudflare.com/
2. 输入已部署的MCP服务器URL（remote-mcp-server-authless.<your-account>.workers.dev/sse）
3. 您现在可以直接从游乐场使用您的MCP工具！

将Claude Desktop连接到您的MCP服务器

您还可以通过使用mcp-remote代理从本地MCP客户端连接到远程MCP服务器。

要在Claude Desktop中连接到您的MCP服务器，请遵循Anthropic的快速入门指南，并在Claude Desktop中进入设置 > 开发者 > 编辑配置。

更新配置如下：

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

重启Claude，您应该能看到工具变得可用。

需求

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

1. 启用了浏览器绑定的Cloudflare Workers
2. 配置了AI绑定
3. 对两个绑定都有适当的权限

确保您的wrangler.jsonc包含：

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