MCP 服务器测试 Web 应用

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

---

🚀 功能

• 接受 MCP 服务器配置作为 JSON 输入。
• 通过在后端运行 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

---

🏗️ 方法

1. 前端:

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

2. 后端:

   • 接收来自前端的 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",
        "{}"
      ]
    }
  }
}