diff --git a/SUIVI_VPN_ONDEMAND.md b/SUIVI_VPN_ONDEMAND.md index 478f6f1..a08b9bf 100644 --- a/SUIVI_VPN_ONDEMAND.md +++ b/SUIVI_VPN_ONDEMAND.md @@ -233,6 +233,36 @@ Lancement : - [ ] **Nettoyer les anciens nodes/volumes Headscale** créés pendant les tests. - [ ] **Documenter la procédure de mise en production** pour le client A (config agent, clés Headscale, ports, etc.). +## 💡 Améliorations UI envisagées + +### Console / log intégré dans l’agent + +Plutôt que de laisser Windows ouvrir une fenêtre noire à chaque commande `podman`/`docker`/`tailscale`, rediriger le `Stdout`/`Stderr` de chaque commande vers l’UI locale de l’agent (`http://localhost:7070`). + +Bénéfices : +- Expérience utilisateur plus propre et commercialisable. +- Diagnostic facilité : l’utilisateur voit exactement ce qui se passe (téléchargement d’image, démarrage, installation PrestaShop, etc.). + +Implémentation : +1. Remplacer `cmd.Stdout = os.Stdout` par un `io.Pipe()` ou `bytes.Buffer` dans `docker.go`, `tailscale.go`, etc. +2. Envoyer les lignes de log au frontend via le WebSocket existant (`agent/ui/websocket`). +3. Afficher les logs dans un panneau dédié du HTML. + +### Barre de progression + +Associer des étapes connues à une barre de progression dans l’UI : + +| Étape | Poids | +|-------|-------| +| Connexion au serveur | 10 % | +| Démarrage du VPN | 25 % | +| Téléchargement de l’image Docker | 50 % | +| Création de la base de données | 70 % | +| Installation de PrestaShop/WordPress | 90 % | +| Instance prête | 100 % | + +L’agent envoie des messages `progress` au frontend à chaque étape franchie. + ## 🔒 Étude certificat wildcard `*.studioe5.edudeploy.com` ### Pourquoi passer en wildcard ?