Cloudflare MCP深度测评：AI与云原生的完美融合

# 安装 Chocolatey (Windows包管理器)
Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))

# 使用 Chocolatey 安装 Node.js
choco install nodejs

# 安装 pnpm
npm install -g pnpm

# 安装 Wrangler CLI
pnpm install -g wrangler

# 登录到Cloudflare
wrangler login

# 克隆示例项目
git clone https://github.com/cloudflare/mcp-server-cloudflare.git
cd mcp-server-cloudflare

# 安装依赖
pnpm install

# 部署MCP服务器
pnpm run deploy

# 获取部署后的URL（部署成功后输出）
echo "您的MCP服务器已部署，SSE端点为: https://your-project-name.your-username.workers.dev/sse"

# 安装Homebrew
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

# 安装Node.js
brew install node

# 安装pnpm
brew install pnpm

# 安装Wrangler
pnpm install -g wrangler

# 克隆项目仓库
git clone https://github.com/cloudflare/mcp-server-cloudflare.git
cd mcp-server-cloudflare

# 安装项目依赖
pnpm install

# 登录Cloudflare
wrangler login

# 部署到Cloudflare Workers
pnpm run deploy

# Ubuntu/Debian系统
curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash -
sudo apt-get install -y nodejs

# 安装pnpm
npm install -g pnpm

# 安装Wrangler CLI
pnpm install -g wrangler

# 克隆项目
git clone https://github.com/cloudflare/mcp-server-cloudflare.git
cd mcp-server-cloudflare

# 安装依赖
pnpm install

# Cloudflare登录认证
wrangler login

# 部署项目
pnpm run deploy

// 在wrangler.jsonc中注释掉浏览器绑定配置
{
  // "browser": {
  //   "binding": "BROWSER"
  // }
}

# 查找占用8787端口的进程
lsof -i :8787

# 终止相关进程
kill -9 <PID>

# 清除认证缓存
rm -rf ~/.mcp-auth

# 重新登录Cloudflare
wrangler logout
wrangler login

# 使用国内镜像源
pnpm config set registry https://registry.npmmirror.com

# 清理缓存后重新安装
pnpm store prune
pnpm install

{
  "mcpServers": {
    "cloudflare-mcp": {
      "type": "sse",
      "url": "https://your-worker-name.your-account.workers.dev/sse",
      "context": {
        "accountId": "your-account-id",
        "apiToken": "your-api-token"
      }
    }
  }
}

// 在Cursor设置中添加MCP服务器配置
{
  "mcpServers": {
    "cloudflare-mcp": {
      "command": "npx",
      "args": [
        "workers-mcp",
        "run",
        "your-project-name",
        "https://your-worker-name.your-account.workers.dev"
      ]
    }
  }
}

// 示例：使用Cloudflare MCP客户端API与服务器交互
class CloudflareMCPClient {
  constructor(serverUrl) {
    this.serverUrl = serverUrl;
  }

  // 部署Worker方法
  async deployWorker(workerName, workerScript) {
    const response = await fetch(`${this.serverUrl}/tools/deploy-worker`, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        name: workerName,
        script: workerScript,
      }),
    });
    return response.json();
  }

  // 配置CDN方法
  async configureCDN(domain, settings) {
    const response = await fetch(`${this.serverUrl}/tools/configure-cdn`, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        domain,
        settings,
      }),
    });
    return response.json();
  }

  // 创建监控警报
  async createMonitoringAlert(alertConfig) {
    const response = await fetch(`${this.serverUrl}/tools/create-alert`, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(alertConfig),
    });
    return response.json();
  }
}

// 使用示例
(async () => {
  const client = new CloudflareMCPClient('https://your-mcp-server.workers.dev');
  
  // 1. 部署Worker
  const workerScript = `
    addEventListener('fetch', event => {
      event.respondWith(handleRequest(event.request));
    });
    
    async function handleRequest(request) {
      return new Response('Hello from MCP deployed Worker!', {
        headers: { 'content-type': 'text/plain' },
      });
    }
  `;
  
  const deploymentResult = await client.deployWorker('mcp-demo-worker', workerScript);
  console.log('Worker部署结果:', deploymentResult);
  
  // 2. 配置CDN
  const cdnConfig = await client.configureCDN('example.com', {
    cache_level: 'aggressive',
    browser_cache_ttl: 86400,
    minify: { html: true, css: true, js: true }
  });
  console.log('CDN配置结果:', cdnConfig);
  
  // 3. 设置监控警报
  const alertConfig = {
    alert_name: 'high-traffic-alert',
    conditions: 'requests > 1000 within 1h',
    notifications: { email: 'admin@example.com', slack: '#alerts' }
  };
  
  const alertResult = await client.createMonitoringAlert(alertConfig);
  console.log('警报设置结果:', alertResult);
})();