MCP服务器管理工具

一个基于Tauri和React的MCP服务器管理工具,提供GUI界面用于安装、配置和管理MCP服务器,支持社区驱动的仓库系统和配置引擎。

  • by Reathor765
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 reathor765/mcp_manager_project

使用说明

MCP集线器

受WindHawk启发的MCP服务器管理器,可轻松安装、配置和管理MCP服务器。使用Tauri(Rust后端)和React(前端)构建,使用Tailwind CSS样式。

特性

  • 用于管理MCP服务器的GUI
  • 服务器安装、配置和生命周期管理
  • 社区驱动的存储库系统
  • 客户端/服务器设置的配置引擎

技术栈

  • 前端: React、TypeScript、顺风CSS、Vite
  • 后端: 牛磺酸(铁锈)

入门指南

  1. 安装依赖项:
    npm install
    
  2. 启动开发服务器:
    npm run dev
    
  3. (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说明

后续步骤

第一阶段:核心服务器管理

  1. 后端(Tauri/Rust):
    • 定义a Server struct表示MCP服务器实例。
    • 在服务器生命周期中实施Tauri命令: get_servers, create_server, start_server, stop_server, delete_server.
    • 管理服务器列表,将它们持久化到应用程序数据目录中的JSON文件中。
  2. 前端(React/TypeScript):
    • 创建一个API层来调用Tauri服务器管理命令。
    • 构建UI组件以显示服务器列表、添加新服务器并控制其状态(启动/停止)。

第2阶段:存储库系统

  • 设计“MCP集线器包”的格式(例如,清单文件 mcp-hub.json 在zip或git仓库中)。
  • 实现后端逻辑以添加存储库(例如,git URL列表)。
  • 开发后端命令,从存储库中获取包列表,并将包安装/卸载到特定的服务器实例。
  • 为浏览存储库和管理每个服务器的包创建UI。

看 mcp_manager_plan.json 了解详细的架构和开发阶段。