MCP Server Tester 🔌

MCP 服务测试器 🔌

技术方案 🛠️

1. 极简架构

• 单个端点（/test-mcp），采用分层验证
• 客户端与服务端分离（public/ vs server.js）
• 无状态运行（无数据库）

2. 验证流程

前端 → 清理输入 → 验证 URL → 测试连接 → 返回诊断信息

• 移除反斜杠和空白字符
• 验证 URL 结构
• 使用 5s 超时测试实际连接

3. 主要功能

• 即时视觉反馈（成功／错误状态）
• 硬件加速的 CSS 动画
• 响应式玻璃拟态设计
• 详细的 HTTP 状态报告

快速开始 🚀

git clone https://github.com/harshaagrawal20/MCP-server-tester.git cd MCP-server-tester npm install express cors body-parser axios node server.js

访问：http://localhost:5000

视频演示

观看演示

在线演示 🌐

查看已部署版本

API 用法

POST /test-mcp {"serverConfig": {"url": "https://example.com"}}

响应： {"success": true|false, "message": "状态详情"}

技术栈 💻

组件	技术
前端	HTML5, CSS3, ES6
后端	Node.js, Express
HTTP 客户端	Axios
UI 框架	Glassmorphism CSS

配置

const PORT = 5000; // 更改端口

const TIMEOUT = 5000; // 调整超时时间

截图