📘 GUIDE DÉTAILLÉ POUR TESTER UNE APPLICATION ANGULAR + SPRING BOOT
🎯 Objectif :
Tester une application web créée avec Angular (frontend) et Spring Boot (backend
Java).
————————————————————————————————————
🔧 ÉTAPE 1 : INSTALLER CE QU’IL FAUT
————————————————————————————————————
✅ A. Installer [Link] (pour Angular)
1. Aller sur : [Link]
2. Télécharger la version LTS
3. Installer normalement
4. Vérifier l’installation :
> node -v
> npm -v
✅ B. Installer Angular CLI
> npm install -g @angular/cli
> ng version
✅ C. Installer Java JDK (pour Spring Boot)
1. Aller sur : [Link]
2. Télécharger Java JDK 17 (ou plus)
3. Installer normalement
4. Vérifier l’installation :
> java -version
✅ D. Installer Maven (outil pour Spring Boot)
1. Aller sur : [Link]
2. Télécharger “Binary zip archive”
3. Extraire dans un dossier
4. Ajouter au PATH si besoin ou utiliser directement le fichier mvn
————————————————————————————————————
🚀 ÉTAPE 2 : LANCER LE BACKEND (SPRING BOOT)
————————————————————————————————————
1. Ouvrir un terminal (cmd)
2. Aller dans le dossier du backend :
> cd chemin/vers/le/backend
3. Lancer le serveur Spring Boot :
> mvn spring-boot:run
4. Si tout va bien :
➜ Application démarrée sur [Link]
————————————————————————————————————
🌐 ÉTAPE 3 : LANCER LE FRONTEND (ANGULAR)
————————————————————————————————————
1. Ouvrir un nouveau terminal (cmd)
2. Aller dans le dossier du frontend :
> cd chemin/vers/le/frontend
3. Installer les dépendances :
> npm install
4. Lancer l’application Angular :
> ng serve
5. Ouvrir le navigateur :
➜ [Link]
————————————————————————————————————
🧪 ÉTAPE 4 : TESTER L’APPLICATION
————————————————————————————————————
- Naviguer sur le site, tester les boutons, formulaires, etc.
- Appuyer sur F12 pour voir la console et les erreurs éventuelles
- Onglet Console : erreurs Angular
- Onglet Réseau (Network) : requêtes vers le backend
————————————————————————————————————
📌 RÉSUMÉ RAPIDE DES COMMANDES
————————————————————————————————————
➡️ Pour Angular :
> npm install -g @angular/cli
> cd frontend
> npm install
> ng serve
➡️ Pour Spring Boot :
> cd backend
> mvn spring-boot:run
————————————————————————————————————
🆘 En cas de problème :
- Envoie une capture du dossier ou des erreurs dans le terminal
- Je peux t’aider à corriger pas à pas
🎉 Bonne chance et bravo pour ton apprentissage !