Remote MCP Server1

🚀 Cloudflare上でのリモートMCPサーバーの構築

Cloudflare Workers上で動作するOAuthログイン機能付きのリモートMCPサーバーを一緒に構築しましょう！

🚀 クイックスタート

ローカル開発

# リポジトリをクローンする
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 Inspector ツールを使用できます。

• 以下のコマンドで起動します：npx @modelcontextprotocol/inspector
• inspectorで、転送タイプを SSE に切り替え、URLバーに http://localhost:8787/sse を入力してMCPサーバーに接続し、「接続」をクリックします。
• （模擬の）ユーザー/パスワードログイン画面にリダイレクトされます。任意のメールアドレスとパスワードを入力してログインします。
• ログインに成功すると、MCP Inspector画面にリダイレクトされ、定義されたすべてのツールを一覧表示して呼び出すことができます！

Claude DesktopをローカルMCPサーバーに接続する

この機能を実際に使用するには、Claudeを接続する必要があります。 Anthropicのクイックスタートガイド に従って、Claude Desktopで設定 > 開発者 > 設定ファイルを編集を開きます。 設定ファイルを見つけたら、テキストエディタでその内容を以下の設定に置き換えます：

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

これにより、Claudeはローカルプロキシを介してMCPサーバーに接続されます。Claudeを開くと、ブラウザで開き、ログインを求められます。このとき、利用可能なツールのリストが表示されるはずです。

Cloudflareへのデプロイ

Cloudflareにデプロイするには、以下の手順を実行します：

1. 以下のコマンドでKV名前空間を作成します：

   wrangler kv namespace create MCP_NAMESPACE_ID --name mcp-namespace
   

2. wrangler.toml ファイルの名前空間IDを以下のように更新します：

   [context."your accountId"].kv_namespaces = {
     "default" = "MCP_NAMESPACE_ID"
   }
   

デバッグ

問題が発生した場合は、以下の手順を試してみてください：

1. Claudeアプリケーションを再起動します。
2. 問題が解決しない場合は、認証ファイルを削除します：

   rm -rf ~/.config/anthropic/
   

これらの手順に従えば、Cloudflare WorkersベースのリモートMCPサーバーを構築し、Claude Desktopと統合することができます。