rpa_vision_v3/visual_workflow_builder/LANCEMENT.md

🚀 Lancement du Visual Workflow Builder

Démarrage Ultra-Simple

cd visual_workflow_builder
./run.sh

C'est tout ! Le script va :

1. ✅ Créer l'environnement virtuel Python (si nécessaire)
2. ✅ Installer les dépendances backend
3. ✅ Installer les dépendances frontend
4. ✅ Lancer le backend Flask
5. ✅ Lancer le frontend React
6. ✅ Ouvrir le navigateur automatiquement

Ce que vous verrez

==========================================
Visual Workflow Builder - Lancement
==========================================

1. Configuration de l'environnement Python
----------------------------------------
✓ Python trouvé: Python 3.x.x
✓ Environnement virtuel créé
✓ Environnement virtuel activé

2. Installation des dépendances backend
----------------------------------------
✓ Dépendances backend installées

3. Installation des dépendances frontend
----------------------------------------
✓ Node.js trouvé: v14.x.x
✓ Dépendances frontend installées

4. Démarrage du backend Flask
----------------------------------------
✓ Backend prêt sur http://localhost:5000

5. Démarrage du frontend React
----------------------------------------
✓ Frontend prêt sur http://localhost:3000

==========================================
✓ Visual Workflow Builder est prêt !
==========================================

URLs:
  • Frontend: http://localhost:3000
  • Backend:  http://localhost:5000

Pour arrêter: Ctrl+C

Arrêter l'Application

Appuyez sur Ctrl+C dans le terminal où le script tourne.

Logs

Si vous voulez voir les logs en temps réel :

# Backend
tail -f backend.log

# Frontend
tail -f frontend.log

Prérequis

• Python 3.8+ : python3 --version
• Node.js 14+ : node --version
• npm : npm --version

Problèmes Courants

"Python n'est pas installé"

Installez Python 3.8+ : https://www.python.org/downloads/

"Node.js n'est pas installé"

Installez Node.js 14+ : https://nodejs.org/

"Port 5000 already in use"

lsof -ti:5000 | xargs kill -9

"Port 3000 already in use"

lsof -ti:3000 | xargs kill -9

Premier Test

Une fois l'application lancée :

1. Ouvrir http://localhost:3000
2. Glisser "Click" depuis la palette
3. Cliquer sur l'étape
4. Configurer les paramètres
5. Cliquer sur "Sauvegarder"
6. Observer la notification de succès ✅

Fonctionnalités

✅ Drag & Drop d'étapes ✅ Connexion entre étapes ✅ Configuration des paramètres ✅ Sélecteur de cible visuel 📷 ✅ Sauvegarde de workflows ✅ Exécution de workflows ✅ Notifications en temps réel

Documentation

• Guide complet : GUIDE_TEST_COMPLET.md
• Instructions : INSTRUCTIONS_FINALES.txt
• Résumé session : SESSION_04DEC_FINAL.md

Support

Si vous rencontrez des problèmes :

1. Vérifiez les logs : backend.log et frontend.log
2. Consultez DEMARRAGE_SIMPLE.md
3. Vérifiez que les ports 5000 et 3000 sont libres

---

Bon workflow ! 🎉