在 Cloudflare 上构建无需认证的远程 MCP 服务器

本示例允许你在 Cloudflare Workers 上部署一个不需要认证的远程 MCP 服务器。该服务器包括使用 Cloudflare 的浏览器渲染和 AI 功能进行网站分析和内容提取的工具。

开始使用：

这将把你的 MCP 服务器部署到类似这样的 URL：remote-mcp-server-authless.<your-account>.workers.dev/sse

或者，你可以使用以下命令行在本地机器上创建远程 MCP 服务器：
bash
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 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 中进入设置 > 开发者 > 编辑配置。

更新为如下配置：

json
{
"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. 配置好的 Cloudflare AI 绑定
3. 对这两个绑定的适当权限

确保你的 wrangler.jsonc 包含以下内容：
json
{
"browser": {
"binding": "BROWSER"
},
"ai": {
"binding": "AI"
}
}