MCP Server Testing Web App

🚀 MCP 服务器测试网络应用

本网络应用程序可让用户以 JSON 格式输入 MCP 服务器配置，对其连接性和功能性进行验证，并在用户友好的界面上展示结果。它采用Node.js 后端和React 前端构建，部署于Vercel。

🚀 快速开始

此网络应用程序允许用户以 JSON 格式输入 MCP 服务器配置，验证其连接性和功能性，并在用户友好的界面上显示结果。你可以按照以下步骤开始使用：

1. 克隆仓库并安装依赖项。
2. 分别运行后端和前端服务。
3. 在前端输入 JSON 配置进行 MCP 服务器测试。

✨ 主要特性

• 支持以 JSON 格式输入 MCP 服务器配置。
• 可通过后端运行 MCP 服务器测试连接性。
• 以用户友好的界面展示测试结果。
• 后台使用 Node.js (Express) 实现。

📦 安装指南

1️⃣ 克隆仓库

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

2️⃣ 安装依赖项

cd 后端
npm install

cd 前端
npm install

3️⃣ 运行后端服务器

cd 后端
node src/index.js

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

4️⃣ 创建前端的 .env 文件

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

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

5️⃣ 运行前端

npm run dev  

🔧 技术细节

前端

• 接收用户的 JSON 输入。
• 将 MCP 服务器配置通过 API 请求发送到后端。
• 显示后端运行的 MCP 服务器状态。

后端

• 接收来自前端的 JSON 输入。
• 使用 spawn(command, args) 执行 MCP 服务器测试命令。
• 通过 WebSocket 连接到 MCP 服务器以获取可用工具。
• 将结果返回给前端。

💻 使用示例

基础用法

以下是一个示例 JSON 输入，可用于测试 MCP 服务器：

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

将上述 JSON 输入到前端界面，即可开始测试 MCP 服务器的连接性和功能性。