MCP サーバーを使用する

開発プロキシ MCP (モデル コンテキスト プロトコル) サーバーを使用すると、AI コーディング アシスタントを使用して開発プロキシを操作できます。 このサーバーを使用すると、AI アシスタントに対して、Dev Proxy 構成の作成、ドキュメントの検索、コンテキストヘルプの取得を依頼できます。すべて自然言語を使用します。

MCP とは

モデル コンテキスト プロトコル (MCP) は、AI アシスタントが外部ツールやデータ ソースに接続できるようにするオープン標準です。 開発プロキシ MCP サーバーは、AI アシスタントに Dev Proxy のドキュメントとベスト プラクティスへのアクセスを提供し、正確でコンテキストに対応したヘルプを提供できるようにします。

[前提条件]

開始する前に、次のことを確認します。

MCP サーバーを構成する

開発プロキシ MCP サーバーは、npm で @devproxy/mcpとして発行されます。 次の値を使用して、AI アシスタントで構成します。

Setting 価値
タイプ stdio
コマンド npx
論争 -y@devproxy/mcp

正確な構成手順は、AI アシスタントによって異なります。

GitHub Copilot を使用した Visual Studio Code

  1. Visual Studio Code を開きます。
  2. コマンド パレット (Ctrl+Shift+P または Cmd+Shift+P) を開きます。
  3. 「MCP: サーバーの追加」と入力して選択します。
  4. コマンド (stdio) を選択します
  5. コマンドとして npx を入力します。
  6. 引数として「 -y @devproxy/mcp 」と入力します。
  7. Enter キーを押して保存します。

または、VS Code 設定 JSON (ワークスペースまたはユーザー設定で.vscode/mcp.json ) に次を追加します。

{
  "servers": {
    "Dev Proxy": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@devproxy/mcp"]
    }
  }
}

GitHub Copilot CLI(コマンドラインインターフェース)

Copilot CLI MCP 構成に次を追加します。

ファイル: ~/.copilot/mcp-config.json

{
  "mcpServers": {
    "devproxy": {
      "command": "npx",
      "args": ["-y", "@devproxy/mcp"]
    }
  }
}

または、対話型の Copilot CLI セッションで /mcp add スラッシュ コマンドを使用して、サーバーを追加します。

Claude Code

ターミナルで次のコマンドを実行して、開発プロキシ MCP サーバーを追加します。

claude mcp add devproxy -- npx -y @devproxy/mcp

Cursor

Cursor MCP 構成に次のコードを追加します。

ファイル: ~/.cursor/mcp.json

{
  "mcpServers": {
    "devproxy": {
      "command": "npx",
      "args": ["-y", "@devproxy/mcp"]
    }
  }
}

構成を保存した後にカーソルを再起動します。

使用可能なツール

開発プロキシ MCP サーバーは、AI アシスタントに次のツールを提供します。

Tool [説明]
GetBestPractices 開発プロキシの構成と使用に関するベスト プラクティスを返します。 通常、AI アシスタントは、開発プロキシ構成を生成する前にこのツールを呼び出します。
FindDocs Dev Proxy のドキュメントで、クエリに関連する情報を検索します。 特定のプラグインドキュメントやハウツーガイドを見つけるのに役立ちます。
GetVersion インストールされている開発プロキシのバージョンを返します。 生成された構成がバージョンと互換性があることを確認するのに役立ちます。

プロンプトの例

MCP サーバーを構成したら、自然言語での開発プロキシに関する AI アシスタントの質問をすることができます。 プロパティの例を次に示します:

API をモックするための構成を作成する

製品の一覧を返す REST API を https://api.example.com/products でモックする開発プロキシ構成を作成します。

API エラーをシミュレートする

https://api.contoso.com/*への要求の 30% に対してランダムに 500 エラーを返すように開発プロキシを設定します。

特定のプラグインに関するヘルプを表示する

スロットリングをシミュレートするように RateLimitingPlugin を構成するにはどうすればよいですか?

Microsoft Graph API のアクセス許可をテストする

開発プロキシ構成を作成して、アプリが Microsoft Graph の最小限のアクセス許可を使用しているかどうかを確認します。

AI アシスタントは、MCP サーバーを使用して関連するドキュメントとベスト プラクティスを見つけ、ニーズに合わせて正確な開発プロキシ構成を生成します。

MCP サーバーが動作することを確認する

MCP サーバーが動作していることを確認するには:

  1. AI アシスタントのチャット インターフェイスを開きます。
  2. 開発プロキシについて質問します。例: "インストールした開発プロキシのバージョンは何ですか?
  3. AI アシスタントは、 GetVersion ツールを使用して、インストールされているバージョンを報告する必要があります。

AI アシスタントがツールにアクセスできない場合は、次のことを確認します。

  • Node.js がインストールされ、PATH で使用できます
  • MCP サーバーの構成が正しい
  • 構成後に AI アシスタントを再起動しました

次のステップ

特定のニーズに合わせて開発プロキシを構成する方法について説明します。