Building a Remote MCP Server on Cloudflare (Without Auth)

Cloudflare でリモート MCP サーバーを構築する（認証なし）

この例では、Cloudflare Workers 上に認証不要のリモート MCP サーバーをデプロイできます。このサーバーには、Cloudflare の Browser Rendering と AI 機能を使用した、ウェブサイトの分析とコンテンツ抽出のためのツールが含まれています。

はじめに：

これにより、次のような URL に MCP サーバーがデプロイされます：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 に接続する

リモート MCP クライアントである Cloudflare AI Playground から、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 で「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"
  }
}