MCP监控仪表盘

实时监控MCP(Model Context Protocol)服务器的工具调用、响应时间和使用模式,特别适用于Port.io集成和调试。

  • by kunalnano
  • HTML
  • 本地部署
  • 更新于
在 GitHub 查看 kunalnano/mcp-monitor

使用说明

🔍 MCP监视器

MCP(模型上下文协议)服务器的实时监控仪表板。 跟踪来自Claude、Port.io或任何MCP兼容客户端的所有工具调用、响应时间和使用模式。

注: MCP Monitor是一个简单、无需身份验证的监控工具,专注于Port.io集成和漂亮的仪表板。

🎯 为什么选择MCP Monitor?

监控AI助手和他们的工具之间发生的一切:

  • Port.io API调用 来自克劳德
  • 自定义MCP工具 演出
  • 误差跟踪 和调试
  • 使用情况分析 和图案

📊 特性

  • ⚡ 实时仪表盘 -实时指标自动刷新http://localhost:3456
  • 📈 性能图表 -响应时间线和工具使用分布
  • 🔍 请求历史 -包含论点和回应的详细表格
  • 🛠️ 命令行界面 -无需身份验证,只需运行和监控
  • 🎨 漂亮的UI -带动画的专业渐变设计

🚀 安装

选项1:直接安装(推荐)

# Clone and install
git clone https://github.com/kunalnano/mcp-monitor.git
cd mcp-monitor
npm install
npm run build

# Start the dashboard
npm start

选项2:快速安装脚本

curl -sSL https://raw.githubusercontent.com/kunalnano/mcp-monitor/main/install.sh | bash

选项3:自制(macOS)

brew tap kunalnano/mcp-monitor https://github.com/kunalnano/mcp-monitor
brew install mcp-monitor

📖 快速开始

1.启动仪表板

# From the mcp-monitor directory
npm start

# Or if installed globally
mcp-monitor start

仪表板在以下位置打开 http://localhost:3456

2.无需配置!

与其他工具不同,MCP Monitor可以立即工作:

  • 无代理身份验证
  • 无需复杂的设置
  • 无令牌配置
  • 只需运行并监控!

3.观看实时指标

每个MCP工具调用都会实时显示:

  • 响应时间
  • 成功/失败状态
  • 工具使用分布
  • 请求历史

🛠️ CLI命令

命令 描述
mcp-monitor start 在端口3456启动仪表板
mcp-monitor analyze 显示指标摘要
mcp-monitor generate-config 生成Claude配置
mcp-monitor --version 显示版本

选项

mcp-monitor start --port 4000  # Custom port
mcp-monitor start --no-open    # Don't auto-open browser

🔌 Port.io集成

专为Port.io操作而设计:

  • 蓝图管理(list_blueprints, get_blueprint)
  • 实体CRUD(get_entities, create_entity, update_entity)
  • AI代理调用(invoke_ai_agent)
  • 行动执行
  • 搜索操作

📊 仪表板功能

实时指标

  • 请求总数 -所有MCP工具调用计数
  • 平均响应时间 -执行时间(毫秒)
  • 成功率 -成功呼叫的百分比
  • 独特的工具 -使用的不同工具的数量

可视化

  • 时间线图 -随时间变化的响应时间
  • 工具分发 -甜甜圈使用情况图
  • 请求表 -详细的历史记录与搜索

简单设置

  • ✅ 没有身份验证令牌
  • ✅ 无代理配置
  • ✅ 直接连接到MCP
  • ✅ 开箱即用

🧑‍💻 发展

# Clone repository
git clone https://github.com/kunalnano/mcp-monitor.git
cd mcp-monitor

# Install dependencies
npm install

# Development mode
npm run dev

# Build for production
npm run build

# Start dashboard
npm start

📁 项目结构

mcp-monitor/
├── src/                 # TypeScript source
│   ├── cli.ts          # CLI entry point
│   ├── dashboard-server.ts
│   └── mcp-server.ts
├── public/             # Dashboard UI
│   └── index.html      # Beautiful dashboard
├── Formula/            # Homebrew formula
├── dist/              # Compiled JavaScript
└── package.json

📝 数据存储

度量值存储在本地 .mcp-inspector/metrics.json

🤝 贡献

  1. 分叉存储库
  2. 创建特征分支
  3. 提交更改
  4. 推送到分支
  5. 打开拉取请求

📄 许可证

MIT许可证-请参阅 许可证

🙏 致谢

专为MCP生态系统打造。特别感谢Port.io用户!


The Simple MCP Monitoring Solution
⭐ Star on GitHub