Aplicación de Centro de Comandos Personalizada para OpenClaw: PWA en React con Proxy WebSocket y Tailscale

✍️ OpenClawRadar📅 Publicado: 12 de mayo de 2026🔗 Source
Aplicación de Centro de Comandos Personalizada para OpenClaw: PWA en React con Proxy WebSocket y Tailscale
Ad

Un usuario de Reddit (Weird_Night_2176) compartió su aplicación personalizada de centro de comando construida sobre su pasarela OpenClaw. La aplicación reemplaza su método de control anterior basado en WhatsApp, que estaba limitado por el límite de 50 mensajes/día del sandbox de Twilio. La configuración se ejecuta en un dispositivo Jetson, sirviendo una PWA React accesible desde cualquier lugar mediante Tailscale.

Arquitectura y Componentes Clave

  • Proxy WebSocket: OpenClaw solo acepta conexiones locales (loopback), por lo que el desarrollador creó un servidor proxy Express ligero que puentea la conexión WebSocket. Esto permite que el frontend React se comunique con la pasarela OpenClaw desde cualquier dispositivo en la malla Tailscale.
  • Frontend: Una Aplicación Web Progresiva (PWA) React servida directamente desde el Jetson.
  • Red: Malla Tailscale para acceso remoto seguro; la aplicación funciona en iPhone a través de Tailscale.
Ad

Funcionalidades del Centro de Comando

  • Interfaz de Chat en Vivo: Chat directo con el agente AI "Bosefus".
  • Panel de Agentes: Muestra 14 agentes con su última tarea y estado.
  • Mesa de Trading: Posiciones en vivo de Alpaca y P&L de criptomonedas.
  • Historial de Ejecuciones: Cada trabajo automatizado registrado por nombre.
  • Estado del Modelo Ollama: Estado en vivo desde el servidor de modelos Orange Pi.
  • Rastreador de Fondo de Construcción: Sigue el ahorro para la próxima actualización de hardware.
  • Notificaciones Push: Reemplaza WhatsApp para alertas.

Para Quién es Esto

Desarrolladores que ejecutan OpenClaw como una pasarela de agente AI y necesitan una interfaz de usuario específica más allá de la línea de comandos o aplicaciones de mensajería de terceros, especialmente aquellos con múltiples agentes e integraciones de trading.

Recursos

El usuario mencionó que próximamente publicará un tutorial completo de construcción en YouTube. Por ahora, la publicación de Reddit tiene detalles sobre la arquitectura y la motivación.

📖 Lee la fuente completa: r/openclaw

Ad

👀 Ver también