AI导哈

MCP服务器管理工具

MCPHub是一个混合Web/扩展应用程序，用于管理模型上下文协议(MCP)服务器，提供浏览、安装、配置和实时监控功能。

  • by hemangjoshi37a
  • Python
  • 本地部署
  • 11 星标
  • 更新于
在 GitHub 查看 hemangjoshi37a/mcphub

使用说明

MCPHub🚀

MCPHub是一个用于管理模型上下文协议（MCP）服务器的混合web/扩展应用程序。将其视为apt/pip，但适用于MCP服务器，具有现代web界面和安全的本地系统集成。

🌟 特性

  • 📦 浏览并安装MCP服务器
  • ⚙️ 管理服务器配置
  • 🔐 通过Chrome扩展程序保护本地操作
  • 🌐 基于Web的界面
  • 🔄 实时状态监控
  • 🛠️ 环境变量管理
  • 📝 Claude桌面配置集成
  • 🖥️ 与跨平台支持

🚀 快速开始

安装Chrome扩展程序和本机主机

窗户：

  1. 克隆此存储库
  2. 运行安装脚本：
cd chrome-extension/scripts
windows-install.bat
  1. 在Chrome中加载扩展程序：
    • 打开 chrome://extensions/
    • 启用开发人员模式
    • 点击“加载解包”
    • 选择 chrome-extension 目录

MacOS/Linux：

  1. 克隆此存储库
  2. 运行安装脚本：
cd chrome-extension/scripts
# For MacOS:
./macos-install.sh
# For Linux:
./linux-install.sh
  1. 在Chrome中加载扩展程序：
    • 打开 chrome://extensions/
    • 启用开发人员模式
    • 点击“加载解包”
    • 选择 chrome-extension 目录

运行Web前端

  1. 导航到web目录：
cd web
  1. 安装依赖项：
npm install
  1. 启动开发服务器：
npm run dev
  1. 打开http://localhost:3000在Chrome浏览器中

📁 项目结构

mcphub/
├── chrome-extension/       # Chrome extension
│   ├── manifest.json      # Extension manifest
│   ├── background.js      # Service worker
│   ├── popup/            # Extension popup UI
│   ├── native-host/      # Native messaging host
│   └── scripts/          # Installation scripts
├── web/                  # Next.js frontend
│   ├── src/             # Source code
│   └── package.json     # Dependencies
└── registry/            # Server registry
    └── servers.yaml     # Available servers

⚙️ 配置

Claude桌面集成

MCPHub管理位于以下位置的Claude Desktop配置文件：

  • 窗户： %APPDATA%/Claude/claude_desktop_config.json
  • macOS： ~/Library/Application Support/Claude/claude_desktop_config.json
  • Linux： ~/.config/Claude/claude_desktop_config.json

服务器配置示例

{
  "mcpServers": {
    "github": {
      "command": "node",
      "args": [
        "@modelcontextprotocol/server-github"
      ],
      "env": {
        "GITHUB_PERSONAL_ACCESS_TOKEN": "your-token-here"
      }
    }
  }
}

🔄 发展

Chrome 扩展

  • 使用清单V3
  • 用于系统操作的本地消息传递
  • 自动生成的扩展ID
  • 跨平台安装脚本

Web前端

  • Next.js 13与TypeScript
  • 材质UI组件
  • Chrome扩展程序集成
  • 实时状态监控

🤝 贡献

  1. 分叉存储库
  2. 创建特征分支：
git checkout -b feature/amazing-feature
  1. 提交您的更改：
git commit -m 'Add amazing feature'
  1. 推到分支：
git push origin feature/amazing-feature
  1. 打开拉取请求

添加新的MCP服务器

将您的服务器添加到 registry/servers.yaml:

- name: "Your MCP Server"
  description: "Server description"
  runtime: "node"  # or "python"
  package: "your-package-name"
  version: "1.0.0"
  command_args:
    - "your-command-args"
  env:
    YOUR_ENV_VAR: ""

📝 许可证

此项目根据MIT许可证获得许可-请参阅 许可证 文件以获取详细信息。

🔗 链接

Made with ❤️ by the MCPHub community

相关 MCP