MCPHub🚀
    
MCPHub是一个用于管理模型上下文协议(MCP)服务器的混合web/扩展应用程序。将其视为apt/pip,但适用于MCP服务器,具有现代web界面和安全的本地系统集成。
🌟 特性
- 📦 浏览并安装MCP服务器
- ⚙️ 管理服务器配置
- 🔐 通过Chrome扩展程序保护本地操作
- 🌐 基于Web的界面
- 🔄 实时状态监控
- 🛠️ 环境变量管理
- 📝 Claude桌面配置集成
- 🖥️ 与跨平台支持
🚀 快速开始
安装Chrome扩展程序和本机主机
窗户:
- 克隆此存储库
- 运行安装脚本:
cd chrome-extension/scripts
windows-install.bat- 在Chrome中加载扩展程序:
- 打开 chrome://extensions/ - 启用开发人员模式 - 点击“加载解包” - 选择 chrome-extension 目录
MacOS/Linux:
- 克隆此存储库
- 运行安装脚本:
cd chrome-extension/scripts
# For MacOS:
./macos-install.sh
# For Linux:
./linux-install.sh- 在Chrome中加载扩展程序:
- 打开 chrome://extensions/ - 启用开发人员模式 - 点击“加载解包” - 选择 chrome-extension 目录
运行Web前端
- 导航到web目录:
cd web- 安装依赖项:
npm install- 启动开发服务器:
npm run dev- 打开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扩展程序集成
- 实时状态监控
🤝 贡献
- 分叉存储库
- 创建特征分支:
git checkout -b feature/amazing-feature- 提交您的更改:
git commit -m 'Add amazing feature'- 推到分支:
git push origin feature/amazing-feature- 打开拉取请求
添加新的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

