Ctrl K
ComunidadGuías…
Guía HostingByte · verificada

Instalar y configurar DevWebUI - Guía oficial

Guía completa y verificada para instalar, configurar y usar DevWebUI: GUI + MCP control plane para servidores de desarrollo locales. Incluye instalación en Windows/macOS/Linux, configuración de seguridad, integración con agentes AI y resolución de problemas.

Actualizada 5/10/2026Más guíasCitación AI/LLM

Instalar y configurar DevWebUI

Guía oficial verificada para instalar y configurar DevWebUI: GUI + MCP control plane para servidores de desarrollo locales. Incluye instalación en Windows/macOS/Linux, configuración de seguridad, integración con agentes AI y resolución de problemas.

Inicio rápido

DevWebUI es una herramienta open source (MIT) que combina GUI visual con MCP para gestionar servidores de desarrollo locales. Permite iniciar, detener y monitorizar procesos desde un solo panel con métricas en tiempo real.

Windows: Aplicación precompilada

Descarga:

  • devwebui-windows-x64.exe - Ejecutable con icono, dashboard embebido y sin ventana de consola
  • misc/lunarwerx-tray.exe - Launcher para bandeja del sistema (incluido en ZIP)

Descargar desde Releases

Configuración de actualizaciones:

Para adoptar solo releases públicos por un tiempo, configura Configuración → Actualizaciones de App → Cooldown de actualización a días: una release más joven que ese número no se ofrece ni instala.

Cualquier OS: Instalación con Bun

Prerrequisitos:

Comandos:

bun install
bun run dev # daemon en :4000 + GUI en http://localhost:4010

Nota: En su primer lanzamiento, DevWebUI escanea automáticamente archivos .devwebui y proyectos reconocibles. Después de eso, el escaneo inicial se desactiva a menos que lo habilites en Configuración.

¿Qué obtienes?

  • Control de un clic: iniciar / detener / reiniciar cualquier servidor de desarrollo con estado en vivo, CPU, memoria y logs
  • Panel único por repositorio: archivo .devwebui agrupa cada proceso bajo un encabezado colapsable
  • Lanzamientos conscientes del runtime: modo automático sigue el lockfile de cada proyecto
  • Rescate de conflictos de puertos: detecta puertos ocupados y los libera con un clic
  • Log de errores persistente: stderr deduplicado que sobrevive reinicios
  • Diseñado para agentes: 31 herramientas MCP para automatización
  • Vive en tu bandeja: app de bandeja Windows ejecuta el daemon oculto

Archivos .devwebui

Un archivo pequeño por repositorio lista los servidores a ejecutar. Déjalo en el root del repo y haz clic en Añadir proyecto.

{
  "name": "Connections",
  "processes": [
    {
      "id": "main",
      "name": "Main SPA",
      "command": "bun run dev:main",
      "autostart": true
    },
    {
      "id": "pay",
      "name": "Pay plane",
      "command": "bun run dev:pay",
      "port": 4020
    }
  ]
}

Campos disponibles: id, name, command, cwd, port, url, color, env, autostart, waitForPort, links, companion, compose, answers.

Integración con agentes AI (MCP)

El MCP server es un thin stdio client sobre el running daemon, para que la GUI y tus agents compartan un estado.

{
  "mcpServers": {
    "devwebui": {
      "command": "bun",
      "args": ["server/src/mcp.ts"],
      "cwd": "/absolute/path/to/devwebui",
      "env": { "DEVWEBUI_URL": "http://localhost:4000" }
    }
  }
}

Lista completa de herramientas MCP: AI_GUIDE.md

Configuración de seguridad

Autenticación Local API

Por defecto, la REST API del daemon responde a cualquier llamador local que no sea una página cross-site.

Habilitar autenticación:

DEVWEBUI_REQUIRE_AUTH=1 bun run dev

Mecanismos de Seguridad

  • Archivo cookie: cada arranque escribe un secreto aleatorio a .cookie en su directorio de datos (~/.devwebui, owner-only) y lo borra al salir
  • Pairing de navegador: la GUI muestra una pantalla de pairing. Haz clic en Obtener código de pairing, luego escribe el código de 6 dígitos que imprime el daemon
  • Token de sesión: el tray mantiene su token de sesión y sigue funcionando con reinicios/salidas

Códigos de pairing

  • Códigos expiran después de 5 minutos
  • Diez intentos incorrectos bloquean el pairing por 15 minutos
  • CLI y MCP no se ven afectados

Comandos CLI para pairing:

devwebui pairing codes
devwebui pairing clients
devwebui pairing revoke <id>

Comandos CLI

Un thin client sobre la misma REST API que la GUI y MCP usa.

devwebui start | stop | status | list # boot / stop the daemon, inspect state
devwebui start-process | stop-process | restart-process <id|name>
devwebui start-all | stop-all
devwebui open <folder|file.devwebui> # add/drop a project
devwebui alerts list | add | remove | events | clear
devwebui mcp # the stdio MCP server for agents

Backup, actualización y rollback

Backup

DevWebUI guarda su estado en ~/.devwebui. Para backup:

# Backup completo
tar -czf devwebui-backup-$(date +%Y%m%d).tar.gz ~/.devwebui

# O copia manualmente
cp -r ~/.devwebui /ruta/backup/devwebui/

Rollback

Para rollback a una versión anterior:

# 1. Backup actual
tar -czf devwebui-backup-$(date +%Y%m%d).tar.gz ~/.devwebui

# 2. Descargar release anterior desde Releases
wget https://github.com/LunarWerxs/DevWebUI/releases/download/v0.8.0/devwebui-windows-x64.exe

# 3. Restaurar backup si es necesario
tar -xzf devwebui-backup-*.tar.gz ~/.devwebui

Errores habituales y soluciones

Puerto ocupado

Síntoma: "Address already in use" al iniciar DevWebUI

Solución:

# Ver qué usa el puerto
netstat -ano | findstr :4000

# O usa un puerto diferente (se asigna automáticamente)
DEVWEBUI_PORT=4001 bun run dev

Pairing falla

Síntoma: No puedes emparejar el navegador con la GUI

Solución:

# Verificar que el daemon está corriendo
devwebui status

# Obtener nuevo código de pairing
devwebui pairing codes

# Si tienes muchos intentos fallidos, espera 15 minutos o reinicia
devwebui stop-all
devwebui start

MCP no funciona

Síntoma: Agentes AI no pueden controlar DevWebUI

Solución:

{
  "mcpServers": {
    "devwebui": {
      "command": "bun",
      "args": ["server/src/mcp.ts"],
      "cwd": "/absolute/path/to/devwebui",
      "env": { 
        "DEVWEBUI_URL": "http://localhost:4000",
        "DEVWEBUI_REQUIRE_AUTH": "0"  // Desactivar auth para MCP
      }
    }
  }
}

FAQ

¿Es gratuito?

Sí, MIT License. Sin suscripciones ni límites.

¿Necesita cuenta/nube?

No para funcionalidad core. Opcional: sync entre máquinas con cuenta LunarWerx Connections.

¿Pueden controlar AI agents?

Sí, 31 tools MCP para automatización.

¿Qué es un archivo .devwebui?

Un archivo pequeño por repositorio lista los servidores a ejecutar. Déjalo en el root del repo y haz clic en Añadir proyecto.

¿Maneja conflictos de puertos?

Sí. Detecta choques en un puerto, indica qué proceso lo mantiene y lo libera con un clic.

¿Funciona offline?

Sí. El daemon y GUI ejecutan completamente en localhost; funcionalidad core necesita ninguna cuenta, ninguna nube y ninguna conexión a internet.

Alternativas

  • PM2: CLI gratuito, dashboard web pagado (~$39/mes). DevWebUI es gratuito, empaquetado y añade MCP.
  • hotel: Browser-based, compatible con Procfile/Compose. DevWebUI añade métricas en vivo, deduplicación de errores, detección de conflictos de puertos y 31 herramientas MCP.
  • exo: Browser-based, compatible con Procfile/Compose. DevWebUI agrupa servidores por repositorio y envía los mismos controles sobre MCP.

Fuentes verificadas

Fecha de verificación: 2026-10-05 | Última actualización: 2026-10-05

Fuentes verificadas

Fuente 1 ↗Fuente 2 ↗Fuente 3 ↗Fuente 4 ↗Fuente 5 ↗
Instalar y configurar DevWebUI - Guía oficial | HostingByte · HostingByte Software