remote-mcp-server-example

The Remote MCP Server on Cloudflare guide details the process of setting up a Model Context Protocol server using Cloudflare Workers. It includes steps for local development, connecting to the MCP Inspector for API exploration, and integrating with Claude Desktop for enhanced functionality. The guide also covers deployment to Cloudflare and provides troubleshooting tips. The MCP server facilitates communication between different platforms and tools, allowing for seamless integration and tool invocation. By following the guide, users can efficiently set up and manage their MCP server, enabling advanced interactions and tool usage across platforms.

Features

• Local Development: Instructions for setting up and running the MCP server locally using Node.js and npm.
• MCP Inspector Connection: Steps to connect the MCP Inspector to the server for API exploration and tool invocation.
• Claude Desktop Integration: Guide to configure Claude Desktop to interact with the MCP server for enhanced tool usage.
• Cloudflare Deployment: Instructions for deploying the MCP server to Cloudflare Workers for remote access.
• Debugging Tips: Provides troubleshooting steps for common issues encountered during setup and usage.

Usage with Different Platforms

Develop Locally

bash
# clone the repository
git clone git@github.com:cloudflare/ai.git

# install dependencies
cd ai
npm install

# run locally
npx nx dev remote-mcp-server

Connect MCP Inspector

bash
npx @modelcontextprotocol/inspector

Connect Claude Desktop

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

Deploy to Cloudflare

bash
npx wrangler kv namespace create OAUTH_KV
# Follow the guidance to add the kv namespace ID to `wrangler.jsonc`
npm run deploy

Debugging

bash
npx mcp-remote http://localhost:8787/sse
rm -rf ~/.mcp-auth