Application de centre de commandement personnalisée pour OpenClaw : PWA React avec proxy WebSocket et Tailscale
Un utilisateur de Reddit (Weird_Night_2176) a partagé son application de centre de commandement personnalisée construite sur sa passerelle OpenClaw. L'application remplace leur précédente méthode de contrôle basée sur WhatsApp, limitée par le plafond de 50 messages/jour du bac à sable Twilio. La configuration tourne sur un appareil Jetson, servant une React PWA accessible partout via Tailscale.
Architecture et composants clés
- Proxy WebSocket : OpenClaw se lie uniquement à la boucle locale, donc le développeur a créé un serveur proxy Express léger qui fait le pont pour la connexion WebSocket. Cela permet au frontend React de communiquer avec la passerelle OpenClaw depuis n'importe quel appareil sur le maillage Tailscale.
- Frontend : Une application web progressive (PWA) React servie directement depuis le Jetson.
- Réseau : Maillage Tailscale pour un accès distant sécurisé ; l'application fonctionne sur iPhone via Tailscale.
Fonctionnalités du centre de commandement
- Interface de chat en direct : Chat direct avec l'agent IA "Bosefus".
- Tableau de bord des agents : Affiche 14 agents avec leur dernière tâche et leur statut.
- Poste de trading : Positions Alpaca en direct et P&L crypto.
- Historique des exécutions d'équipe : Chaque tâche automatisée est enregistrée par nom.
- Statut du modèle Ollama : Statut en direct depuis le serveur de modèles Orange Pi.
- Suivi du fonds de construction : Suivi des économies pour la prochaine mise à niveau matérielle.
- Notifications push : Remplace WhatsApp pour les alertes.
À qui cela s'adresse
Les développeurs qui utilisent OpenClaw comme passerelle d'agents IA et ont besoin d'une interface utilisateur dédiée au-delà de la ligne de commande ou des applications de messagerie tierces, surtout ceux avec plusieurs agents et des intégrations de trading.
Ressources
L'utilisateur a mentionné qu'un tutoriel complet de construction sera bientôt disponible sur YouTube. Pour l'instant, le post Reddit contient des détails sur l'architecture et la motivation.
📖 Lire la source complète : r/openclaw
👀 See Also
Résolution des Problèmes d'Autonomie de l'Agent OpenClaw : Fichiers de Compétences, Sélection d'Outils et Configuration Cron
Un développeur partage des solutions pour les agents OpenClaw qui cessent de fonctionner de manière autonome après la configuration initiale. Les correctifs clés incluent l'utilisation de fichiers de compétences externes au lieu d'instructions de chat, le remplacement des outils de navigateur par des outils basés sur des API ou des scripts Puppeteer, et la configuration appropriée des tâches cron.
Création de Compétences Claude pour Automatiser les Processus Cognitifs
Claude Code inclut un créateur de compétences intégré qui vous permet de créer des compétences alimentées par l'IA en décrivant des processus en langage naturel au lieu d'écrire du code. La source décrit la création d'une compétence de validation de startup qui a réduit un processus manuel de 2 jours à 15 minutes.
Guide pratique d'installation et de configuration pour l'agent IA auto-hébergé OpenClaw
OpenClaw est un agent IA auto-hébergé qui s'intègre aux applications de messagerie et conserve une mémoire persistante via un système basé sur des fichiers. Les recommandations clés de configuration incluent de commencer par l'interface terminal, de ne connecter qu'un seul canal de messagerie initialement, et de configurer correctement le fichier SOUL.md pour la personnalité et les règles de sécurité.
Gestion des Déconnexions de Passerelle pour une Automatisation Efficace
Découvrez des solutions pratiques pour maintenir les opérations des agents de codage IA face aux déconnexions de passerelle. Les conseils incluent la surveillance avec Grafana, les scripts de reconnexion automatisés et l'utilisation de chemins redondants pour la fiabilité.