Remote MCP Server On Cloudflare 1oa

🚀 在Cloudflare上運行遠程MCP服務器

本項目將指導你搭建一個在Cloudflare Workers上運行的遠程MCP服務器，並集成OAuth登錄功能，讓你輕鬆體驗MCP API的魅力！

🚀 快速開始

📦 安裝指南

本地開發環境搭建

# 克隆倉庫
git clone git@github.com:cloudflare/ai.git

# 安裝依賴
cd ai
npm install

# 本地運行
npx nx dev remote-mcp-server

啟動後，你可以通過瀏覽器打開 http://localhost:8787/ 訪問本地服務器。

💻 使用示例

將MCP檢查儀連接到你的服務器

要探索新的MCP API，你可以使用MCP檢查儀。具體操作步驟如下：

1. 使用命令啟動它：npx @modelcontextprotocol/inspector
2. 在檢查儀中，切換傳輸類型為SSE，並在URL字段輸入http://localhost:8787/sse，然後點擊“連接”
3. 你將被重定向到一個模擬的登錄界面（電子郵件和密碼）。輸入任何有效的電子郵件和密碼進行登錄。
4. 成功登錄後，你應該會被重定向回MCP檢查儀，並能夠列出和調用任何已定義的工具！

將Claude Desktop連接到本地MCP服務器

使用檢查儀很棒，但我們真正想做的是將其與Claude連接！按照Anthropic的快速入門指南，在Claude Desktop中打開設置 > 開發者 > 編輯配置文件。找到該配置文件後，在文本編輯器中將其內容替換為以下配置：

{
  "mcpServers": {
    "math": {
      "command": "npx",
      "args": [
        "mcp-remote",
        "http://localhost:8787/sse"
      ]
    }
  }
}

這樣會運行一個本地代理，使Claude能夠通過HTTP與你的MCP服務器通信。

當打開Claude時，瀏覽器窗口應該會自動啟動，並允許你進行登錄。你應該能夠在屏幕的右下角看到可用工具列表。根據提示輸入合適的指令，Claude將會調用MCP工具來響應。

🚀 部署到Cloudflare

1. 使用命令 npx wrangler kv namespace create OAUTH_KV 創建一個名為OAUTH_KV的KV命名空間。
2. 按照提示完成部署流程。

🔧 調試

如果需要，可以使用以下命令進行調試：

npx wrangler logs --follow

通過查看即時日誌來排查問題。