Building a Remote MCP Server on Cloudflare (Without Auth)

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

この例では、入力クエリに基づいて GIF を返す、認証不要のリモート MCP サーバーを Cloudflare Workers にデプロイできます。

はじめに：

これにより、次のような 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

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 で「設定」>「開発者」>「設定を編集」に進みます。

次の設定に更新します：

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

Claude を再起動すると、ツールが利用可能になります。