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

Guía de configuración de OpenClaw según análisis de Reddit: hardware, costo, memoria y prácticas de seguridad
Guías

Guía de configuración de OpenClaw según análisis de Reddit: hardware, costo, memoria y prácticas de seguridad

Un usuario de Reddit analizó errores comunes de OpenClaw y creó una guía de configuración que cubre requisitos de hardware, optimización de costos a $10/mes, gestión de memoria usando archivos MEMORY.md y prácticas de seguridad para prevenir ataques de inyección de prompts.

OpenClawRadar
Revisión Práctica: 3 Habilidades Esenciales de Clawhub y 3 que Debes Evitar
Guías

Revisión Práctica: 3 Habilidades Esenciales de Clawhub y 3 que Debes Evitar

Un desarrollador probó las habilidades de Clawhub durante semanas y encontró tres que vale la pena instalar: búsqueda web (Brave), resumen diario y búsqueda en memoria. Otras tres—pedido de comida, orquestadores multiagente y humanizador—desperdician tokens y añaden complejidad innecesaria.

OpenClawRadar
Corrigiendo la Invalidación de la Caché KV del Código de Claude con Backends Locales
Guías

Corrigiendo la Invalidación de la Caché KV del Código de Claude con Backends Locales

Las versiones de Claude Code 2.1.36+ inyectan cabeceras de telemetría dinámica y actualizaciones de estado de git en cada solicitud, rompiendo la coincidencia de prefijos y forzando el reprocesamiento completo de prompts del sistema de más de 20K tokens en backends locales como llama.cpp. Una configuración en ~/.claude/settings.json puede reducir el procesamiento de más de 60 segundos a aproximadamente 4 segundos.

OpenClawRadar
Gestionar de manera eficiente las instancias de OpenClaw para múltiples usuarios
Guías

Gestionar de manera eficiente las instancias de OpenClaw para múltiples usuarios

Explora las estrategias compartidas por usuarios en r/openclaw para gestionar múltiples instancias de OpenClaw. Aprende cómo los miembros de la comunidad aprovechan la automatización y el balanceo de carga para un rendimiento óptimo.

OpenClawRadar