Impact MCP Server

🚀 Cloudflare上での遠隔MCPサーバーの構築

Cloudflare Workers上で遠隔MCPサーバーを起動し、OAuthログイン機能を統合しましょう！

🚀 クイックスタート

📦 インストール

# リポジトリをクローン
git clone git@github.com:cloudflare/ai.git

# 依存関係をインストール
cd ai
npm install

# ローカルサービスを起動
npx nx dev remote-mcp-server

ブラウザでhttp://localhost:8787/を開くことができるはずです。

💻 使用例

基本的な使用法

MCP Inspectorをサーバーに接続する

新しいMCP APIを探索するには、MCP Inspectorを使用できます。

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

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

ClaudeがこのMCPサーバーを使用できるようにするには、Claudeの設定ファイルを変更する必要があります。Anthropicのクイックスタートガイドに従って、Claude Desktopで設定 > 開発者 > 設定を編集し、設定ファイルを見つけます。

テキストエディタでこのファイルを開き、以下の内容に置き換えます：

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

これにより、Claudeはローカルプロキシを介してMCPサーバーと通信します。

Claudeを起動すると、ブラウザウィンドウが開き、ログインを求められます。ログインを完了すると、右下に利用可能なツールのリストが表示されます。指示に従って適切なコマンドを入力すると、Claudeは対応するツールを呼び出してタスクを実行します。

高度な使用法

Cloudflareへのデプロイ

1. npx wrangler kv namespace create OAUTH_KV
2. 指示に従って、KV名前空間IDをwrangler.jsoncファイルに追加します。
3. コマンドnpm run deployを実行してデプロイを完了します。

リモートMCPクライアントから新しくデプロイされたサーバーを呼び出す

デプロイが成功したら、以下の手順で新しいMCPサーバーを使用できます：

1. 設定ファイルを更新して、正しいURLと資格情報を指定します。
2. 対応するツールまたはスクリプトを使用して、新しくデプロイされたMCPサーバーとやり取りします。

デバッグ

以下のコマンドはデバッグに役立ちます：

# サービスを再起動
npx nx dev remote-mcp-server

# キャッシュをクリア
rm -rf node_modules && npm install

これらの手順により、問題を迅速に特定し、サービスが正常に動作することを確認できます。