mcpField
B
Building a Remote MCP Server on Cloudflare (Without Auth)

Building a Remote MCP Server on Cloudflare (Without Auth)

ローカル
github.com/yamanoku-playground生産性073 週間前に更新

Building a Remote MCP Server on Cloudflare (Without Auth) について

Cloudflare Workers に認証なしのリモート MCP サーバーをデプロイする開発者向けサンプルです。ローカルでのプロジェクト作成やツールの追加に対応し、リモートクライアントとデスクトップクライアントから接続できます。

主な機能

  1. 01認証不要
  2. 02Cloudflare Workers にデプロイ
  3. 03init() でツールを定義
  4. 04コマンドラインからプロジェクト作成

活用シーン

  1. 01認証なしのリモート MCP サーバーを作成
  2. 02サーバーに独自ツールを追加
  3. 03Cloudflare AI Playground からツールを利用
  4. 04Claude Desktop からサーバーに接続

MCP 対応

認証なしのリモート MCP サーバーの例で、SSE 経由でクライアントにツールを公開します。Cloudflare AI Playground と、mcp-remote 経由の Claude Desktop からの接続方法を記載しています。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"2025-06-03-todo": {
"command": "npx",
"args": [
"-y",
"mcp-remote"
]
}
}
}
起動コマンドnpx -y mcp-remote

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npmmcp-remote

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

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

この例では、Cloudflare Workers 上に、認証を必要としないリモート MCP サーバーをデプロイできます。

始めるには:

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 サーバーに独自のツールを追加するには、this.server.tool(...) を使用して、src/index.ts の init() メソッド内で各ツールを定義します。

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 を再起動すると、ツールが使用可能になります。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。