mcpField
M
MCP Server Inspector

MCP Server Inspector

本地服务
github.com/vaibhavtayal6开发工具082 周前更新

关于 MCP Server Inspector

MCP Server Inspector 是面向开发者的 React 工具,用于测试和验证 MCP 服务,涵盖连通性、API 请求、性能及响应信息。

主要功能

  1. 01检查服务连通性
  2. 02API 密钥和 Bearer 认证
  3. 03响应时间指标
  4. 04详细测试报告
  5. 05实时 API 请求
  6. 06检查响应格式

适用场景

  1. 01检查 MCP 服务是否可用
  2. 02测试需认证的服务请求
  3. 03检查响应格式

MCP 相关

它通过检查连接、发送请求和检查响应来测试 MCP 服务。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

暂未收录安装方式

我们还没有获取到这个服务的安装包或远程地址,请按项目 README 中的说明安装。

代码仓库

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具,维护者暂未提供工具列表。

详细介绍

MCP 服务检查器

MCP 服务检查器

一款基于 React 的现代工具,用于测试和验证 MCP(消息控制协议)服务。

✨ 功能

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

🚀 快速开始

前置条件
  • Node.js 18.x 或更高版本
  • npm 9.x 或更高版本
安装
# Clone the repository
git clone https://github.com/vaibhavtayal6/mcp-server-inspector.git

# Navigate to project directory
cd mcp-server-inspector

# Install dependencies
npm install

# Start development server
npm run dev

直接在 GitHub 中编辑文件

  • 导航到所需的文件。
  • 点击文件视图右上角的“Edit”按钮(铅笔图标)。
  • 进行更改并提交。

使用 GitHub Codespaces

  • 导航到代码库主页。
  • 点击右上方附近的“Code”按钮(绿色按钮)。
  • 选择“Codespaces”选项卡。
  • 点击“New codespace”以启动新的 Codespace 环境。
  • 在 Codespace 中直接编辑文件,完成后提交并推送更改。

此项目使用了哪些技术?

此项目使用以下技术构建:

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

如何部署此项目?

只需打开 Lovable,然后点击 Share -> Publish。

我可以为 Lovable 项目绑定自定义域名吗?

可以!

要绑定域名,请导航到 Project > Settings > Domains,然后点击 Connect Domain。

在此了解更多:设置自定义域名

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。