Пользовательское приложение командного центра для OpenClaw: React PWA с WebSocket-прокси и Tailscale

✍️ OpenClawRadar📅 Опубликовано: 12 мая 2026 г.🔗 Source
Пользовательское приложение командного центра для OpenClaw: React PWA с WebSocket-прокси и Tailscale
Ad

Пользователь Reddit (Weird_Night_2176) поделился своим пользовательским приложением командного центра, построенным на основе шлюза OpenClaw. Приложение заменяет предыдущий метод управления через WhatsApp, который был ограничен песочницей Twilio (50 сообщений в день). Установка работает на устройстве Jetson, обслуживая React PWA, доступное откуда угодно через Tailscale.

Архитектура и ключевые компоненты

  • WebSocket-прокси: OpenClaw привязывается только к локальной петле, поэтому разработчик создал легковесный прокси-сервер на Express, который мостит WebSocket-соединение. Это позволяет React-фронтенду общаться со шлюзом OpenClaw с любого устройства в сети Tailscale.
  • Фронтенд: Прогрессивное веб-приложение (PWA) на React, обслуживаемое непосредственно с Jetson.
  • Сеть: Сетка Tailscale для безопасного удаленного доступа; приложение работает на iPhone через Tailscale.
Ad

Функции командного центра

  • Интерфейс живого чата: Прямой чат с ИИ-агентом "Bosefus".
  • Панель агентов: Показывает 14 агентов с их последней задачей и статусом.
  • Торговый терминал: Живые позиции Alpaca и P&L по криптовалютам.
  • История запусков команд: Каждая автоматизированная задача логируется по имени.
  • Статус моделей Ollama: Живой статус с сервера моделей на Orange Pi.
  • Трекер фонда сборки: Отслеживает накопления на следующее обновление оборудования.
  • Push-уведомления: Заменяют WhatsApp для оповещений.

Для кого это

Разработчики, использующие OpenClaw как шлюз для ИИ-агентов, которым нужен специализированный интерфейс, выходящий за рамки командной строки или сторонних мессенджеров, особенно с несколькими агентами и торговыми интеграциями.

Ресурсы

Пользователь упомянул, что полное руководство по сборке появится на YouTube. Пока что в посте на Reddit есть детали архитектуры и мотивации.

📖 Читать полный источник: r/openclaw

Ad

👀 Смотрите также

Как оптимизировать вашу настройку OpenClaw с конкретными инструкциями и улучшениями
Гайды

Как оптимизировать вашу настройку OpenClaw с конкретными инструкциями и улучшениями

Оптимизация OpenClaw основывается на точных инструкциях и непрерывной доработке личностей агентов и экономичном использовании модели.

OpenClawRadar
Руководство по настройке Claude Code LSP: Понимание структуры кода
Гайды

Руководство по настройке Claude Code LSP: Понимание структуры кода

В посте на Reddit рассказывается, как настроить Claude Code для использования Language Server Protocol для структурного понимания кода вместо текстового сопоставления, что сокращает время запросов с 30-60 секунд до ~50 мс с такими функциями, как переход к определению, поиск ссылок и иерархия вызовов.

OpenClawRadar
Проблемы с обновлением OpenClaw v2026.3.22 и их 30-секундные решения
Гайды

Проблемы с обновлением OpenClaw v2026.3.22 и их 30-секундные решения

В обновлении OpenClaw v2026.3.22 представлено 12 критических изменений, включая переход на ClawHub как магазин плагинов по умолчанию и устаревшие переменные окружения. Пять распространённых проблем с быстрыми решениями включают резкие скачки расходов на API, непреднамеренные действия агентов и ошибки конфигурации.

OpenClawRadar
Охота на баги: Сбои WireGuard и несоответствие MTU в GKE
Гайды

Охота на баги: Сбои WireGuard и несоответствие MTU в GKE

Инженеры Lovable отследили пользовательские ошибки до крахов anetd из-за паники конкурентного доступа к карте в интеграции WireGuard от Google, а затем обнаружили вторичное несоответствие MTU после отключения шифрования.

OpenClawRadar