Votre ami le débugger

C’est quoi ?

Un outil génial permettant de :

  • stopper l’exécution

  • inspecter le contexte

Pourquoi faire ?

  • comprendre ce qui se passe à l’exécution

…​plutôt que d’ajouter des logs

Je trouve ça où ?

  • dans le navigateur

  • dans l’IDE

Comment je m’en sers ?

  • activer le debugger dans l’application

  • placer un point d’arrêt dans le code (breakpoint)

  • exécuter le code

    • via un test unitaure

    • manuellement en navigant dans l’application

Qu’est ce que je peux faire avec ?

  • inspecter une valeur

  • inspecter la pile d’appels

  • changer une variable

  • dérouler pas à pas

  • revenir en arrière

Mise en pratique

Backend Node.js

Ajouter l’option --inspect :

{
  "scripts":
    "start:debug": "node --require ts-node/register --inspect src/index.ts",
}

Intellij IDEA

Ajouter l’agent au démarrage de l’application via l’option suivante :

-agentlib:jdwp=transport=dt_socket,server=y,suspend=n,address=*:5005

Navigateur

Ouvrir les outils développeur : F12