Skip to main content

Debug en Web frontEnd

Avant de commencer assurer vous d'être en localhost:30004200  (à moins qu'il a était changé), car :

  • localhost:30004200  utilise le dossier frontEnd et backEnd (source)
  • localhost:3000 utilise uniquement le backEnd (source) et la version build du frontEnd

De plus, ce tutoriel va modifier la connexion à titre d'exemple

  1. Activer le site sous Launch Frontend and Backend (dev)

    image-1737987681718.png

  2. Vérifier que tout soit en marche :
    1. Sur le frontEnd vous devriez avoir

      image-1737987924592.png

    2. Sur le backend vous devriez avoir (les messages peuvent varier d'ordre)

      image-1737987937603.png

  3.  

    Ouvrir une session localhost:30004200 web

     image-1737988787389.png

Sous Sources­­>Page>webpack://>login>login.component.ts

image-1737988840380.png

Mettre des points d'arrêts sur la requête attendu

image-1737989003122.png

image-1737989034392.png

Envoyer la requête, vous devriez commencé à débugger

image-1737989203516.png

Note: Tous les changements sont sauvegarder automaticquement sur le site local. Si vous avez un doute, faite un changement et sauvegarder. La page devrait se rafraîchir tout seul (s'il n'est pas en debuggeur actuellement). Cependant, le backend est indépendant du frontEnd, donc il faudrait attendre quelque seconde avant d'envoyer la requête (regarder la console pour voir l'état)

 

Back to top