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

Пользователь 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.
Функции командного центра
- Интерфейс живого чата: Прямой чат с ИИ-агентом "Bosefus".
- Панель агентов: Показывает 14 агентов с их последней задачей и статусом.
- Торговый терминал: Живые позиции Alpaca и P&L по криптовалютам.
- История запусков команд: Каждая автоматизированная задача логируется по имени.
- Статус моделей Ollama: Живой статус с сервера моделей на Orange Pi.
- Трекер фонда сборки: Отслеживает накопления на следующее обновление оборудования.
- Push-уведомления: Заменяют WhatsApp для оповещений.
Для кого это
Разработчики, использующие OpenClaw как шлюз для ИИ-агентов, которым нужен специализированный интерфейс, выходящий за рамки командной строки или сторонних мессенджеров, особенно с несколькими агентами и торговыми интеграциями.
Ресурсы
Пользователь упомянул, что полное руководство по сборке появится на YouTube. Пока что в посте на Reddit есть детали архитектуры и мотивации.
📖 Читать полный источник: r/openclaw
👀 Смотрите также

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

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

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

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