MCP Server Testing Web App

本地服务

mcp-server-tester-teal.vercel.app开发工具082 周前更新

代码仓库访问官网

关于 MCP Server Testing Web App

MCP Server Testing Web App 是一个用于检查 MCP 服务配置和运行状况的 Web 应用，面向开发与调试 MCP 服务的用户。它接收 JSON 配置，在后端运行测试并显示可用工具。

主要功能

01接收 JSON 格式的服务配置
02在后端运行 MCP 服务测试
03检查服务连接状态
04获取并展示可用工具

适用场景

01验证 MCP 服务配置是否可用
02检查服务连接并查看工具列表

MCP 相关

该应用通过后端执行测试命令并连接 MCP 服务，检查连通性并获取可用工具，再将结果显示在界面中。

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

暂未收录安装方式

我们还没有获取到这个服务的安装包或远程地址，请按项目 README 中的说明安装。

代码仓库

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具，维护者暂未提供工具列表。

详细介绍

MCP 服务测试 Web 应用

此 Web 应用允许用户以 JSON 格式输入 MCP 服务配置，验证其连接性和功能，并显示结果。该应用运行在 Node.js 后端和 React 前端上，并部署在 Vercel 上。

🚀 功能

接受以 JSON 格式输入的 MCP 服务配置。
通过在后端运行 MCP 服务来测试其连接性。
以用户友好的界面显示结果。
后端使用 Node.js（Express） 实现。

🛠️ 设置说明

1️⃣ 克隆代码库

git clone https://github.com/KartikeyM18/mcp-server-tester.git
cd mcp-server-tester

2️⃣ 安装依赖项

cd backend
npm install

cd frontend
npm install

3️⃣ 运行后端服务

cd backend
node src/index.js

默认情况下，后端运行在 http://localhost:3000。

4️⃣ 在前端创建 .env

只需在前端文件夹中创建 .env，并添加以下内容 -

VITE_API_URL=http://localhost:3000/check-mcp

5️⃣ 运行前端

npm run dev

🏗️ 实现思路

前端：
- 接受用户输入的 JSON。
- 通过 API 请求将 MCP 服务配置发送到后端。
- 通过在后端运行 MCP 服务来显示服务状态。
后端：
- 接收来自前端的 JSON 输入。
- 使用 spawn(command, args) 执行 MCP 服务测试命令。
- 通过 WebSockets 连接到 MCP 服务，以获取可用工具。
- 将结果返回给前端。

📌 JSON 输入示例

{
  "mcpServers": {
    "server-sequential-thinking": {
      "command": "npx",
      "args": [
        "-y",
        "@smithery/cli@latest",
        "run",
        "@smithery-ai/server-sequential-thinking",
        "--config",
        "{}"
      ]
    }
  }
}

支持 Markdown

登录后评论