HaizhuOpsPanel

Plataforma visual para la operación y mantenimiento de servidores y el despliegue de aplicaciones de IA, dirigida a desarrolladores independientes, equipos técnicos y empresas. La página de aterrizaje pública está construida con Next.js, React y Tailwind CSS; el backend, a través de SSH, ofrece capacidades de gestión de activos multi-host, certificados de sitios, bases de datos, contenedores, tareas, copias de seguridad, auditoría de seguridad y mercado de aplicaciones.

v2.1.0 añade capacidades de manejo MCP; v2.2.0 amplía el despliegue desde GitHub: Las capacidades de operación del panel se encapsulan en 16 herramientas MCP estándar (consulta de servicios, gestión de contenedores, diagnóstico de discos, despliegue de aplicaciones, búsqueda de proyectos de código abierto en GitHub y despliegue con un clic, entre otras). Se admiten dos modos de uso: conexión directa desde clientes MCP externos (Claude Desktop / Cursor / VS Code, etc.) o diálogo en lenguaje natural mediante el asistente de operaciones de IA integrado en el panel. El despliegue de aplicaciones ya no se limita a las 80 aplicaciones de la tienda integrada: es posible buscar los últimos proyectos de GitHub y desplegarlos directamente. Consulte docs/mcp.md.

Inicio rápido (panel de operaciones + capacidades MCP / IA)

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

Para habilitar el asistente de IA integrado en el panel, cree un archivo .env en la raíz del proyecto y escriba en él AI_API_KEY=sk-xxx (opcionalmente AI_BASE_URL y AI_MODEL). Tras reiniciar el panel, describa sus necesidades de operación en lenguaje natural en «Asistente de operaciones de IA», en la barra lateral izquierda. La configuración para conectar clientes MCP externos se encuentra en docs/mcp.md y en scripts/mcp-config.json.

Related MCP server: Dokploy MCP Server

Stack tecnológico

• Next.js 15 (App Router)

• React 19

• Tailwind CSS 4

• Lucide React

• El backend de operaciones original (Express / SSH / WebSocket) se mantiene en server/

Desarrollo local

npm install
npm run dev

Acceda a http://localhost:3000.

Compilación de producción

npm run build
npm start

Control de calidad

npm run lint
npm run build

Estructura del proyecto

├─ 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

Capacidades de manejo MCP (v2.1.0 / v2.2.0)

El usuario describe sus necesidades en lenguaje natural y la IA, mediante las herramientas MCP, ejecuta comandos CLI en el host remoto para consultar servicios y realizar despliegues de operación:

• 16 herramientas MCP estándar: lista de hosts, resumen del sistema, consulta de servicios systemd / inicio y detención, listado/operaciones/logs de contenedores Docker, diagnóstico de discos, ranking de procesos, búsqueda en la tienda de aplicaciones, despliegue/desinstalación de aplicaciones, búsqueda/despliegue de proyectos de GitHub y consulta de auditoría

• Despliegue de cualquier repositorio de GitHub (v2.2.0): las aplicaciones que no están en la tienda integrada se redirigen automáticamente a la búsqueda de GitHub (ordenadas por estrellas); tras la confirmación, se despliegan con un clic: instalación automática de Git/Docker, detección inteligente de docker-compose / Dockerfile, soporte de subdirectorios en monorepos y, al repetir la ejecución, actualización a la última versión

• Dos puntos de entrada:

  • Los clientes MCP externos (Claude Desktop, Cursor, Cline, VS Code, WorkBuddy, etc.) se conectan mediante npm run start:mcp

  • La interfaz de chat «Asistente de operaciones de IA» integrada en el panel (OpenAI / DeepSeek / 智谱 o cualquier interfaz compatible)

• Diseño seguro: las credenciales de los hosts se cifran con AES-256-GCM y no salen de la base de datos; todas las llamadas a herramientas se escriben en el registro de auditoría; run_command está deshabilitado por defecto; la IA solicita confirmación antes de ejecutar cambios

Los métodos de configuración y los ejemplos se encuentran en docs/mcp.md.

Diseño y experiencia

• Estética de operación en verde oscuro, profesional y sobria, con colores de estado semánticos en lugar de colores puramente decorativos

• Diseño adaptable a 375px, 768px, 1024px y pantallas de escritorio grandes

• Navegación móvil y demostración conmutable del flujo de trabajo del producto

• Objetivos táctiles de al menos 44px, foco de teclado claro y jerarquía de títulos adecuada

• Compatibilidad con prefers-reduced-motion para evitar efectos dinámicos innecesarios

• Página de inicio con renderizado previo estático para mantener una carga ligera en el cliente

Capacidades de operación empresarial

• Huellas de activos multi-host e inspección de servicios anómalos

• Inventario de sitios Nginx, Apache y Caddy, así como de la caducidad de los certificados SSL

• Detección de instancias MySQL, PostgreSQL, Redis y MongoDB

• Gestión de contenedores Docker, imágenes, redes y aplicaciones Compose

• Vista unificada de tareas: Cron, Cron del sistema y temporizadores systemd

• Inspección de la actualidad de las copias de seguridad y de las instantáneas de configuración previas a los cambios

• Línea base de seguridad de SSH, cuentas, sudo, cortafuegos, puertos e inicios de sesión fallidos

• Auditoría de huellas de claves públicas SSH y de permisos de archivos

• Registros de auditoría JSONL de inicios de sesión, cambios en hosts, despliegues de aplicaciones y operaciones de mantenimiento

Nuevas plantillas de aplicaciones de IA

El mercado de aplicaciones incorpora DeerFlow 2.0, Wegent, InsForge, OpenAgent, RuFlo y CLASP, y conserva las plantillas existentes como Open WebUI, Ollama, RAGFlow, LobeChat y New API. Los proyectos añadidos utilizan las rutas oficiales y públicas de cada proyecto: Docker, Compose o scripts de instalación.

La base de la investigación se encuentra en Investigación de producto y funciones.

Panel de operaciones original

El frontend anterior a la actualización se ha movido a legacy-public/; la implementación del backend se mantiene en server/. Si desea seguir ejecutando el panel anterior, ejecute:

npm run start:legacy

El servicio anterior ahora carga los recursos estáticos desde legacy-public/, por lo que puede mantenerse en paralelo con la nueva página de aterrizaje de Next.js.

Licencia

MIT