HaizhuOpsPanel

Eine visuelle Server-Operations- und KI-Anwendungsbereitstellungsplattform für unabhängige Entwickler, technische Teams und Unternehmen. Die externe Landingpage wird mit Next.js, React und Tailwind CSS erstellt; das Backend bietet über SSH Multi-Host-Assets, Website-Zertifikate, Datenbanken, Container, Aufgaben, Backups, Sicherheitsaudits und App-Store-Funktionen.

v2.1.0 fügt MCP-Verarbeitungsfunktionen hinzu, v2.2.0 erweitert die GitHub-Bereitstellung: Die Panel-Operationsfunktionen sind als 16 standardisierte MCP-Tools gekapselt (Dienstansicht, Containerverwaltung, Festplattendiagnose, Anwendungsbereitstellung, GitHub-Open-Source-Projektsuche und Ein-Klick-Bereitstellung usw.) und unterstützen zwei Verwendungsweisen – direkte Verbindung über externe MCP-Clients (Claude Desktop / Cursor / VS Code usw.) oder Nutzung des integrierten KI-Operationsassistenten des Panels über natürliche Sprachdialoge. Die Anwendungsbereitstellung ist nicht mehr auf die 80 Apps des integrierten Stores beschränkt; die neuesten GitHub-Projekte können gesucht und direkt zur Bereitstellung abgerufen werden. Siehe docs/mcp.md.

Schnellstart (Operations-Panel + MCP / KI-Funktionen)

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

Aktivieren Sie den integrierten KI-Assistenten des Panels: Erstellen Sie im Projektstammverzeichnis eine .env-Datei und schreiben Sie AI_API_KEY=sk-xxx hinein (optional AI_BASE_URL, AI_MODEL). Starten Sie das Panel neu und beschreiben Sie Ihre Operationsanforderungen im linken Bereich „KI-Operationsassistent" in natürlicher Sprache. Die Konfiguration für den Anschluss externer MCP-Clients finden Sie in docs/mcp.md und scripts/mcp-config.json.

Related MCP server: Dokploy MCP Server

Technologie-Stack

• Next.js 15 (App Router)

• React 19

• Tailwind CSS 4

• Lucide React

• Das ursprüngliche Express / SSH / WebSocket-Operations-Backend bleibt in server/ erhalten

Lokale Entwicklung

npm install
npm run dev

Besuchen Sie http://localhost:3000.

Produktions-Build

npm run build
npm start

Qualitätsprüfung

npm run lint
npm run build

Projektstruktur

├─ 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-Verarbeitungsfunktionen (v2.1.0 / v2.2.0)

Benutzer beschreiben Anforderungen in natürlicher Sprache; die KI führt über MCP-Tools CLI-Befehle auf Remote-Hosts aus, um Dienstansicht und Operationsbereitstellung durchzuführen:

• 16 standardisierte MCP-Tools: Hostliste, Systemübersicht, systemd-Dienstansicht/Start-Stopp, Docker-Containerliste/-operationen/-protokolle, Festplattendiagnose, Prozess-Ranking, App-Store-Suche, Anwendungsbereitstellung/-deinstallation, GitHub-Projektsuche/-bereitstellung, Auditabfrage

• Bereitstellung beliebiger GitHub-Repositories (v2.2.0): Anwendungen, die nicht im integrierten Store verfügbar sind, werden automatisch an die GitHub-Suche weitergeleitet (nach Sternen sortiert). Nach Bestätigung erfolgt die Ein-Klick-Bereitstellung – Git/Docker werden automatisch installiert, docker-compose / Dockerfile werden intelligent erkannt, Monorepos unterstützen Unterverzeichnisse, und eine erneute Ausführung aktualisiert auf die neueste Version

• Zwei Einstiegspunkte:

  • Externe MCP-Clients (Claude Desktop, Cursor, Cline, VS Code, WorkBuddy usw.) werden über npm run start:mcp angebunden

  • Integrierte „KI-Operationsassistent"-Dialogoberfläche des Panels (OpenAI / DeepSeek / Zhipu usw., jede kompatible Schnittstelle)

• Sicherheitsdesign: Host-Anmeldedaten werden mit AES-256-GCM verschlüsselt und verlassen die Datenbank nicht; alle Tool-Aufrufe werden in Audit-Logs geschrieben; run_command ist standardmäßig deaktiviert; die KI fordert vor Änderungsoperationen eine Bestätigung an

Konfigurationsmethoden und Beispiele finden Sie in docs/mcp.md.

Design und Benutzererfahrung

• Professionelles, schlichtes dunkelgrünes Operations-Design mit semantischen Statusfarben statt rein dekorativer Farben

• Responsive Anpassung für 375px, 768px, 1024px und große Desktop-Bildschirme

• Mobile Navigation und umschaltbare Produkt-Workflow-Demos

• Touch-Ziele über 44px, klare Tastaturfoki, sinnvolle Überschriftenhierarchie

• Unterstützt prefers-reduced-motion, vermeidet unnötige dynamische Effekte

• Statisches Pre-Rendering der Startseite, geringe Client-Last

Enterprise-Operations-Funktionen

• Multi-Host-Asset-Fingerprinting und Inspektion abnormaler Dienste

• Bestandsaufnahme von Nginx-, Apache-, Caddy-Sites und SSL-Zertifikatsabläufen

• Erkennung von MySQL-, PostgreSQL-, Redis-, MongoDB-Instanzen

• Verwaltung von Docker-Containern, Images, Netzwerken und Compose-Anwendungen

• Einheitliche Aufgabenübersicht für Cron, System-Cron und systemd-Timer

• Backup-Frische-Inspektion und Konfigurations-Snapshots vor Änderungen

• Sicherheits-Baseline für SSH, Konten, sudo, Firewall, Ports und fehlgeschlagene Anmeldungen

• Audit von SSH-Public-Key-Fingerprints und Dateiberechtigungen

• JSONL-Auditprotokolle für Anmeldungen, Host-Änderungen, Anwendungsbereitstellungen und Operationsvorgänge

Neue KI-Anwendungsvorlagen

Der App-Markt enthält neue Vorlagen für DeerFlow 2.0, Wegent, InsForge, OpenAgent, RuFlo und CLASP und behält die ursprünglichen Vorlagen für Open WebUI, Ollama, RAGFlow, LobeChat, New API usw. bei. Alle neuen Projekte verwenden die offiziell veröffentlichten Docker-, Compose- oder Installationsskript-Pfade der Projektanbieter.

Die Recherchegrundlage finden Sie unter Produkt- und Funktionsrecherche.

Ursprüngliches Operations-Panel

Das Frontend vor dem Upgrade wurde nach legacy-public/ verschoben; die Backend-Implementierung bleibt in server/ erhalten. Um das alte Panel weiterhin auszuführen, führen Sie Folgendes aus:

npm run start:legacy

Der alte Dienst lädt statische Ressourcen jetzt aus legacy-public/, sodass er parallel zur neuen Next.js-Landingpage gewartet werden kann.

Lizenz

MIT