mcp-server-tester

mcp-server-tester

site icon
2025.04.04 0
HTMLMCP服务器测试Web应用程序开发效率
MCP Server Tester是一个用于测试MCP服务器连接性和功能的Web应用程序。用户可以通过提供MCP服务器的URL或安装代码来测试其连接性和功能。该应用具有验证连接性、显示结果、优雅处理错误等功能,并部署在Netlify(前端)和Render(后端)上。
View on GitHub

Overview

基本能力

产品定位

MCP Server Tester是一个用于测试MCP服务器连接性和功能的Web应用程序。

核心功能

  • 接受MCP服务器的URL或安装代码
  • 验证连接性并获取响应
  • 清晰地显示结果
  • 优雅地处理错误
  • 部署在Netlify(前端)和Render(后端)上

适用场景

  • 开发人员需要测试MCP服务器的连接性和功能
  • 需要快速验证MCP服务器是否正常运行
  • 需要调试MCP服务器的响应

工具列表

  • 前端: HTML, CSS, JavaScript
  • 后端: Node.js, Express.js
  • 托管: Netlify(前端), Render(后端)

常见问题解答

  • 问题: 如果看到"Cannot GET /",确保后端有一个/路由。 解决方案: 在后端代码中添加以下路由: js app.get("/", (req, res) => res.send("MCP Server Tester Backend is running!"));
  • 问题: 如果前端显示"Unexpected token '<'",可能是后端宕机。 解决方案: 检查Render日志中的错误。
  • 问题: 如果显示"Failed to fetch",确保后端URL在script.js中正确。 解决方案: 检查并更新script.js中的backendUrl。

使用教程

使用依赖

  1. 确保已安装Node.js和npm。
  2. 确保已安装Git。

安装教程

  1. 克隆仓库: bash git clone https://github.com/your-username/mcp-server-tester.git cd mcp-server-tester
  2. 安装依赖: bash npm install
  3. 启动后端: bash node server.js 后端将在http://localhost:3000上启动。
  4. 打开前端:
  5. 在浏览器中打开index.html
  6. 或使用VS Code的Live Server扩展

调试方式

  1. 输入有效的MCP服务器URL(例如来自Smithery)。
  2. 点击"Test MCP Server"。
  3. 应用将发送请求到后端(Node.js on Render)。
  4. 后端检查MCP服务器并返回响应。
  5. 结果将显示在网页上。

许可证

None