MCP Sse Demo

🚀 MCPプロトコルを使用したスマートショッピングモールサービスアシスタントの開発

Model Context Protocol (MCP) は、コンテキストとツールを提供することでAIアシスタントの能力を強化するためのオープンプロトコルです。この記事では、MCPプロトコルを使用してショッピングモールアプリケーション用のスマートサービスアシスタントを構築する方法を紹介します。

🚀 クイックスタート

このセクションでは、MCPプロトコルを使用してスマートショッピングモールサービスアシスタントを開発する手順を説明します。

✨ 主な機能

• MCPプロトコルを使用してAIアシスタントの能力を強化します。
• ショッピングモールアプリケーション用のスマートサービスアシスタントを構築します。
• コマンドラインクライアントとWeb端での実装をサポートします。

📦 インストール

コマンドラインクライアントの実装

コマンドラインクライアントのコアコードは以下の通りです：

# MCPプロキシを設定する
$ MCPINSPECTOR_API_KEY=your_api_key_here npm run dev

Web端の実装

Web端のコアコードは以下の通りです：

// products-sse.ts
import { Server } from "http";
import { createMcpSseServer } from "@modelcontextprotocol/server";

async function main() {
  const server = new Server();
  await createMcpSseServer(server, "/sse");
  server.listen(8083, () => {
    console.log("Product SSE server running on http://localhost:8083/sse");
  });
}

main().catch(console.error);

// product.ts
import { Product } from "./product.entity";

export interface SearchProductsContext {
  query?: string;
  categories?: string[];
  priceRange?: [number, number];
}

export interface GetProductDetailsContext {
  productId: string;
}

export interface AddToCartContext {
  productId: string;
  quantity: number;
}

💻 使用例

基本的な使用法

コマンドラインクライアントの使用例

Cursorで使用する場合は、.cursor/mcp.jsonファイルを作成し、以下の内容を追加します：

{
  "mcpServers": {
    "products-sse": {
      "url": "http://localhost:8083/sse"
    }
  }
}

Cursorの設定ページでこのMCPサービスを確認し、使用を開始できます。

Web端の使用例

🔧 技術詳細

デバッグ

npx @modelcontextprotocol/inspector コマンドを使用してSSEサービスをデバッグします：

$ npx @modelcontextprotocol/inspector   
Starting MCP inspector...
⚙️ Proxy server listening on port 6277
🔍 MCP Inspector is up and running at http://127.0.0.1:6274 🚀

ブラウザで上記のアドレスを開き、SSEを選択してアドレスを設定するとテストを行うことができます。

まとめ

要点

• コンテキスト定義：ショッピングモール機能のために3つの重要なコンテキストインターフェースを定義します。
• サーバー側実装：MCPプロトコルを使用して製品のリアルタイムデータサービスを実装します。
• クライアント統合：コマンドラインとWeb端でのMCPサービスの統合方法を示します。

注意事項

• MCPプロキシが正しく設定されていることを確認してください。
• 本番環境では認証を有効にしてください。
• ネットワーク遅延の問題を適切に処理してください。

以上の手順に従うことで、ショッピングモールアプリケーション用の強力なAIアシスタントを構築することができます。