- Frontend v4 accessible sur réseau local (192.168.1.40) - Ports ouverts: 3002 (frontend), 5001 (backend), 5004 (dashboard) - Ollama GPU fonctionnel - Self-healing interactif - Dashboard confiance Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
140 lines
3.0 KiB
Markdown
140 lines
3.0 KiB
Markdown
# 🚀 Lancement du Visual Workflow Builder
|
|
|
|
## Démarrage Ultra-Simple
|
|
|
|
```bash
|
|
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 :
|
|
|
|
```bash
|
|
# 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"
|
|
|
|
```bash
|
|
lsof -ti:5000 | xargs kill -9
|
|
```
|
|
|
|
### "Port 3000 already in use"
|
|
|
|
```bash
|
|
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 ! 🎉**
|