MCP Container Ts

🚀 MCPプロトコルのローカルとAzure環境の構成ガイド

このガイドでは、MCPプロトコルをローカル環境とAzure環境で構成する方法を説明します。

🚀 クイックスタート

1. インストールと構成

1.1 リポジトリのクローン

ターミナルで以下のコマンドを実行して、MCPサンプルプロジェクトをクローンします。

git clone https://github.com/Azure-Samples/mcp-container-ts
cd mcp-container-ts

1.2 依存関係のインストール

以下のコマンドを実行して、プロジェクトに必要な依存パッケージをインストールします。

npm install

2. ローカルサーバーの起動

以下のコマンドを実行して、MCPサーバーを起動します。

npm start

アプリケーションが起動すると、ツールの状態とインタラクション情報を格納するためにSQLiteメモリデータベースが作成されます。

3. MCPサーバーのテスト

3.1 VS Code MCP構成ファイルの使用

プロジェクトのルートディレクトリで.vscode/mcp.jsonファイルを見つけて開きます。

{
  "servers": {
    "mcp-server-sse": {
      "type": "sse",
      "url": "http://localhost:3000/sse"
    }
  }
}

起動ボタンをクリックすると、MCPサーバーに接続して利用可能なツールを取得できます。

3.2 MCPサーバーの手動追加

コマンドパレットを使用してMCPサーバーを追加し、URLを以下のように構成します。

http://localhost:3000/sse

3.3 MCPインスペクターの使用

新しいターミナルウィンドウで以下のコマンドを実行して、MCPインスペクターを起動します。

npm run inspect

その後、ブラウザでインスペクターの画面にアクセスし、SSEタイプとサーバーURLを入力して接続します。

4. Azure Container Appsへのデプロイ

4.1 Azure CLIのインストール

Azure Developer CLIをインストールして構成します。

4.2 Azureアカウントへのログイン

以下のコマンドを実行してログインします。

azd auth login

4.3 サービスのデプロイ

以下のコマンドを使用してデプロイします。

azd up

デプロイが完了すると、以下のようなアクセスURLが取得されます。

https://<env-name>.<container-id>.<region>.azurecontainerapps.io

5. 使用方法

5.1 リモートMCPサーバーの構成

実際のデプロイ情報に基づいてmcp.jsonファイルを更新します。

{
  "servers": {
    "mcp-server-sse-remote": {
      "type": "sse",
      "url": "https://<your-app-name>.<region>.azurecontainerapps.io/sse"
    }
  }
}

5.2 リソースのクリーンアップ

テストが完了したら、以下のコマンドを使用してリソースをクリーンアップします。

azd down

6. さらなる学習

• MCPプロトコルに関する詳細情報を学ぶ。
• 微软の公式ドキュメントを参照して、MCPプロトコルに関する追加のサポートとベストプラクティスを取得する。