Mcp Server Tester

MCP 服务测试器 🚀 一个 Web 应用，用户只需提供 MCP 服务的 URL 或安装代码，即可测试其连接性和功能。 🔹 功能 ✅ 接受 MCP 服务 URL 或安装代码 ✅ 验证连接并获取响应 ✅ 清晰展示结果 ✅ 妥善处理错误 ✅ 部署在 Netlify（前端）和 Render（后端） 🔹 技术栈 前端：HTML、CSS、JavaScript

后端：Node.js、Express.js

托管：Netlify（前端）、Render（后端）

📌 在线演示与代码仓库 🔗 在线应用：creative-torte-69268c.netlify.app 🔗 GitHub 代码仓库：https://github.com/kothagundlabhavitha/mcp-server-tester 🚀 如何在本地运行项目 1️⃣ 克隆代码仓库 bash Copy Edit git clone https://github.com/your-username/mcp-server-tester.git cd mcp-server-tester 2️⃣ 安装依赖 bash Copy Edit npm install 3️⃣ 启动后端 bash Copy Edit node server.js 后端将在 http://localhost:3000 启动

4️⃣ 打开前端 在浏览器中打开 index.html

或者在 VS Code 中使用 Live Server 扩展

📌 工作原理 1️⃣ 输入有效的 MCP 服务 URL（例如来自 Smithery 的 URL） 2️⃣ 点击“测试 MCP 服务” 3️⃣ 应用向后端发送请求（运行在 Render 上的 Node.js） 4️⃣ 后端检查 MCP 服务并返回响应 5️⃣ 结果将显示在网页上 ⚠️ 故障排除 如果看到“Cannot GET /”，请确保后端有一个 / 路由：

js Copy Edit app.get("/", (req, res) => res.send("MCP Server Tester Backend is running!")); 如果前端显示“Unexpected token '<'”，后端可能已停止运行。请检查 Render 日志中的错误。

如果出现“Failed to fetch”，请确保 script.js 中的后端 URL 正确：

js Copy Edit const backendUrl = "https://mcp-server-tester-e4xf.onrender.com"; 📌 部署详情 前端： ✅ Netlify → creative-torte-69268c.netlify.app

使用 Netlify 托管，便于快速免费部署

后端： ✅ Render → https://mcp-server-tester-e4xf.onrender.com

托管在 Render 上，提供免费且始终在线的后端 🛠 未来改进 🔹 改进错误处理 🔹 为不同的 MCP 服务添加更多测试用例 🔹 改进 UI/UX

👨‍💻 作者 Bhavitha Kothagundla