HaizhuOpsPanel

Визуальная платформа для серверного администрирования и развёртывания AI-приложений, предназначенная для независимых разработчиков, технических команд и предприятий. Внешняя лендинг-страница построена на Next.js, React и Tailwind CSS; бэкенд через SSH предоставляет возможности управления активами нескольких хостов, сертификатами сайтов, базами данных, контейнерами, задачами, резервным копированием, аудитом безопасности и маркетплейсом приложений.

В v2.1.0 добавлена поддержка MCP, в v2.2.0 расширено развёртывание через GitHub: возможности панели администрирования инкапсулированы в 16 стандартных MCP-инструментов (просмотр служб, управление контейнерами, диагностика дисков, развёртывание приложений, поиск open-source проектов на GitHub и развёртывание в один клик и т. д.). Поддерживаются два способа использования — прямое подключение внешних MCP-клиентов (Claude Desktop / Cursor / VS Code и др.) или общение на естественном языке со встроенным в панель AI-помощником по администрированию. Развёртывание приложений больше не ограничено 80 приложениями из встроенного магазина — можно искать новейшие проекты на GitHub и развёртывать их напрямую. Подробнее см. docs/mcp.md.

Быстрый старт (панель администрирования + возможности MCP / AI)

npm install
npm run start:legacy        # 启动运维面板 http://localhost:8899（默认 admin / admin123）
npm run start:mcp           # （可选）启动 MCP 服务器（stdio，供外部 AI 客户端接入）

Включение встроенного в панель AI-ассистента: в корне проекта создайте .env и запишите AI_API_KEY=sk-xxx (опционально AI_BASE_URL, AI_MODEL), перезапустите панель, после чего в разделе «AI-помощник по администрированию» слева можно описывать задачи администрирования на естественном языке. Конфигурация подключения внешних MCP-клиентов приведена в docs/mcp.md и scripts/mcp-config.json.

Related MCP server: Dokploy MCP Server

Технологический стек

• Next.js 15 (App Router)

• React 19

• Tailwind CSS 4

• Lucide React

• Исходный бэкенд администрирования на Express / SSH / WebSocket сохранён в server/

Локальная разработка

npm install
npm run dev

Откройте http://localhost:3000.

Продакшен-сборка

npm run build
npm start

Проверка качества

npm run lint
npm run build

Структура проекта

├─ app/                     # Next.js 页面、元信息与全局设计样式
├─ components/              # 落地页组件与交互式产品演示
├─ design-system/haizhuopspanel/ # ui-ux-pro-max 生成的企业设计系统
├─ legacy-public/           # 升级前的原生面板前端，完整保留（含 AI 运维助手）
├─ server/                  # Express API、SSH 与 WebSocket 后端
│  ├─ mcp-tools.js          # MCP 工具层（16 个运维工具，共用执行入口）
│  ├─ mcp-server.js         # stdio MCP 服务器（外部 AI 客户端接入）
│  └─ ai.js                 # 面板内置 AI 助手（OpenAI 兼容 function calling）
├─ scripts/mcp-config.json  # 各 MCP 客户端接入配置示例
├─ docs/mcp.md              # MCP 与 AI 助手使用指南
├─ postcss.config.mjs       # Tailwind CSS PostCSS 配置
└─ package.json

Возможности MCP (v2.1.0 / v2.2.0)

Пользователь описывает задачу на естественном языке, AI через MCP-инструменты выполняет CLI-команды на удалённом хосте для просмотра служб и развёртывания:

• 16 стандартных MCP-инструментов: список хостов, сводка по системе, просмотр/запуск/остановка служб systemd, список/операции/журналы Docker-контейнеров, диагностика дисков, рейтинг процессов, поиск в магазине приложений, развёртывание/удаление приложений, поиск/развёртывание GitHub-проектов, запросы аудита

• Развёртывание любого репозитория GitHub (v2.2.0): приложения, отсутствующие во встроенном магазине, автоматически перенаправляются на поиск в GitHub (сортировка по звёздам), после подтверждения — развёртывание в один клик: автоматическая установка Git/Docker, интеллектуальное распознавание docker-compose / Dockerfile, поддержка подкаталогов в monorepo, повторное выполнение обновляет до последней версии

• Две точки входа:

  • Внешние MCP-клиенты (Claude Desktop, Cursor, Cline, VS Code, WorkBuddy и др.) подключаются через npm run start:mcp

  • Встроенный в панель интерфейс диалога «AI-помощник по администрированию» (любой совместимый API: OpenAI / DeepSeek / Zhipu и др.)

• Безопасность: учётные данные хостов шифруются AES-256-GCM и не покидают базу, все вызовы инструментов записываются в журнал аудита, run_command по умолчанию отключён, AI запрашивает подтверждение перед выполнением изменяющих операций

Методы настройки и примеры см. в docs/mcp.md.

Дизайн и пользовательский опыт

• Профессиональный, лаконичный тёмно-зелёный стиль администрирования, используются семантические цвета состояния, а не чисто декоративные

• Адаптивная вёрстка под 375px, 768px, 1024px и большие настольные экраны

• Мобильная навигация и переключаемая демонстрация рабочих процессов продукта

• Цели касания от 44px, чёткий фокус клавиатуры, разумная иерархия заголовков

• Поддержка prefers-reduced-motion, отказ от ненужных динамических эффектов

• Статическая предварительная отрисовка главной страницы, небольшая нагрузка на клиент

Корпоративные возможности администрирования

• Отпечатки активов нескольких хостов и проверка аномальных служб

• Инвентаризация сайтов Nginx, Apache, Caddy и сроков действия SSL-сертификатов

• Обнаружение экземпляров MySQL, PostgreSQL, Redis, MongoDB

• Управление Docker-контейнерами, образами, сетями и Compose-приложениями

• Единый обзор задач: Cron, системный Cron и systemd Timers

• Проверка свежести резервных копий и снимки конфигурации перед изменениями

• Базовые показатели безопасности: SSH, учётные записи, sudo, брандмауэр, порты и неудачные попытки входа

• Аудит отпечатков открытых ключей SSH и прав на файлы

• JSONL-записи аудита: входы, изменения хостов, развёртывание приложений и операции администрирования

Новые шаблоны AI-приложений

В маркетплейс приложений добавлены DeerFlow 2.0, Wegent, InsForge, OpenAgent, RuFlo и CLASP, сохранены прежние шаблоны Open WebUI, Ollama, RAGFlow, LobeChat, New API и др. Для новых проектов используются официально опубликованные пути Docker, Compose или установочных скриптов.

Обоснование исследования см. в продуктовом и функциональном исследовании.

Прежняя панель администрирования

Фронтенд до обновления перемещён в legacy-public/, реализация бэкенда по-прежнему находится в server/. Чтобы продолжить работу со старой панелью, выполните:

npm run start:legacy

Старый сервис теперь загружает статические ресурсы из legacy-public/, поэтому его можно поддерживать параллельно с новой лендинг-страницей Next.js.

License

MIT