Back to MCP directory
publicPublicdnsLocal runtime

MCP_Server_TestingApp

一个基于React的现代化工具,用于测试和验证MCP(消息控制协议)服务器,提供连接测试、认证支持、性能测量等功能。

article

README

🚀 MCP 服务器检测工具

现代 React 基础工具,用于测试和验证 MCP(消息控制协议)服务器,助力您高效检测服务器状态。

🚀 快速开始

前提条件

  • Node.js 18.x 或更高版本
  • npm 9.x 或更高版本

安装

# 克隆仓库
git clone https://github.com/vaibhavtayal6/mcp-server-inspector.git

# 进入项目目录
cd mcp-server-inspector

# 安装依赖项
npm install

# 启动开发服务器
npm run dev

编辑文件方式

直接在 GitHub 上编辑文件

  • 浏览到所需的文件(或文件)。
  • 点击文件视图右上角的“编辑”按钮(铅笔图标)。
  • 进行更改并提交更改。

使用 GitHub Codespaces

  • 浏览到仓库主页。
  • 点击右上角附近的“代码”按钮(绿色按钮)。
  • 选择“Codespaces”标签。
  • 点击“新建 Codespace”以启动新的 Codespace 环境。
  • 在 Codespace 中直接编辑文件,完成后提交和推送到您的更改。

✨ 主要特性

  • 🔌 服务器连接测试:验证服务器可用性和响应时间。
  • 🔑 API 认证:支持 API 密钥和携带令牌认证。
  • ⏱️ 性能指标:测量并显示响应时间。
  • 📋 详细报告:提供全面的测试结果和服务器信息。
  • 🧪 API 测试:通过实时请求验证功能。
  • 📝 响应检查器:检查并验证响应格式。

🔧 技术细节

该项目由以下技术构建:

  • Vite
  • TypeScript
  • React
  • shadcn-ui
  • Tailwind CSS

📚 详细文档

如何部署此项目?

只需打开 可爱 并点击分享 -> 发布。

我可以将自定义域名连接到我的可爱项目吗?

是的!

要连接域名,请导航至项目 > 设置 > 域名,然后点击“连接域名”。

更多详细信息请参考:设置自定义域名

help

Runtime guide

cloud

Hosted runtime

Hosted servers run from a provider-managed environment. You usually connect the MCP client to the hosted endpoint or follow the provider's authorization flow, without keeping a local process alive

  1. Open provider connection page
  2. Authorize or copy endpoint
  3. Connect from your MCP client
terminal

Local runtime / other methods

Local servers run on your own machine or infrastructure. You normally copy the server_config into your MCP client, install the required package, and provide env variables from env_schema when needed

  1. Copy server_config
  2. Install required package
  3. Fill env variables and restart client