FindMCP Logo FindMCP.info
MCP Client Demo

MCP Client Demo

site icon
2025.02.03 7
TypeScript开发工具协议测试开发效率
MCP Client Demo 是一个基于 Web Workers 和 Server-Sent Events (SSE) 的 Model Context Protocol (MCP) 客户端实现。该项目目前处于开发中（WIP），功能和实现可能会发生重大变化。它提供了一个交互式测试 UI，支持 TypeScript 类型安全实现，并使用 Vite + React 构建。
View on GitHub

Overview

基本能力

产品定位

MCP Client Demo 是一个用于演示和测试 Model Context Protocol (MCP) 客户端的工具，主要用于开发效率提升和协议测试。

核心功能

  • Web Worker 基础的 MCP 客户端实现
  • Server-Sent Events (SSE) 传输
  • 交互式测试 UI
  • TypeScript 类型安全实现
  • 使用 Vite + React 构建

适用场景

  • 开发 MCP 兼容的客户端应用
  • 测试 MCP 协议的功能和性能
  • 学习和理解 MCP 协议的工作机制

工具列表

  • connect: 建立与 MCP 服务器的连接
  • disconnect: 关闭连接
  • listTools: 获取可用工具列表
  • callTool: 执行特定工具

常见问题解答

  • 项目目前处于 WIP 状态，功能和实现可能会发生变化。

使用教程

使用依赖

  • Node.js 18.x 或更高版本
  • 运行在 localhost:3020 上的 MCP 兼容服务器

安装教程

  1. 克隆仓库
  2. 安装依赖:
npm install

调试方式

  1. 启动开发服务器:
npm run dev
  1. 在浏览器中打开 test.html
  2. 点击 "Connect" 建立与 MCP 服务器的连接
  3. 使用 "List Tools" 查看可用工具
  4. 选择一个工具并以 JSON 格式提供输入
  5. 点击 "Execute Tool" 运行选定的工具

构建

npm run build

代码检查

npm run lint

许可证

None