Debug en Web frontEnd

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

  • localhost:4200 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)

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

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

  3.  

    Ouvrir une session localhost:4200 web

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

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

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

Note: Tous les changements sont sauvegarder automatiquement 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)

 

No Comments
Back to top