MCP集线器
受WindHawk启发的MCP服务器管理器,可轻松安装、配置和管理MCP服务器。使用Tauri(Rust后端)和React(前端)构建,使用Tailwind CSS样式。
特性
- 用于管理MCP服务器的GUI
- 服务器安装、配置和生命周期管理
- 社区驱动的存储库系统
- 客户端/服务器设置的配置引擎
技术栈
- 前端: React、TypeScript、顺风CSS、Vite
- 后端: 牛磺酸(铁锈)
入门指南
- 安装依赖项:
npm install- 启动开发服务器:
npm run dev- (Tauri设置后)运行桌面应用程序:
npm run tauri dev项目结构
src/-React前端代码
- api/ -调用Tauri后端的函数。 - components/ -可重用的React组件。
src-tauri/-Tauri后端(Rust)
- src/ - main.rs -应用程序入口点。 - server_manager.rs -MCP服务器管理逻辑。
.github/-复印件和CI/CD说明
后续步骤
第一阶段:核心服务器管理
- 后端(Tauri/Rust):
- 定义a Server struct表示MCP服务器实例。 - 在服务器生命周期中实施Tauri命令: get_servers, create_server, start_server, stop_server, delete_server. - 管理服务器列表,将它们持久化到应用程序数据目录中的JSON文件中。
- 前端(React/TypeScript):
- 创建一个API层来调用Tauri服务器管理命令。 - 构建UI组件以显示服务器列表、添加新服务器并控制其状态(启动/停止)。
第2阶段:存储库系统
- 设计“MCP集线器包”的格式(例如,清单文件
mcp-hub.json在zip或git仓库中)。 - 实现后端逻辑以添加存储库(例如,git URL列表)。
- 开发后端命令,从存储库中获取包列表,并将包安装/卸载到特定的服务器实例。
- 为浏览存储库和管理每个服务器的包创建UI。
______________________________________________________________________
看 mcp_manager_plan.json 了解详细的架构和开发阶段。
