Précédemment : https://mcgivrer.wordpress.com/2013/06/17/nodejs-express-premiers-pas-part-3/

Développement

Nous avons développé notre premier “Hello World”. Il nous faut maintenant aborder le vrai mode de développement, a savoir un éditeur de code digne de ce nom, et surtout, un mode débuggage digne de ce nom.

On débogue ?

Oui, c’est bien beau le scripting en javascript, mais quand le traitemet devient comlpexe, il serait plus qu’interessant de débugger, non ?

pour cela, il nous est offert plusieurs solutions:

  • Module node-inspector
  • Eclipse + NodeEclipse

Des deux solutions proposées, la première est la plus séduisante. le modile node-inspector pouvant tourner dans n’importe quel navigateur web, sans l’aide d’un outil quelconque, s’inspirant de l’outil de debuging javascript proposé nativement dans Chrome.

Eclipse quant à lui un aspect plus universel, donc plus lourd à mon goût pour du développement sur cette platforme.

Node-Inspector

Pour installer node-inpector, on procède comme avec les autres module NodeJS, via la commande npm :

$> npm install -g node-inspector

Pour lancer une session de débogage, vous devez executer la commande suivante

(sous Windows 🙂

$ node --debug --debug-brk demo01.js & node-inspector
[2] 1744
debugger listening on port 5858
   info  - socket.io started
visit http://0.0.0.0:8080/debug?port=5858 to start debugging

Maintenant, ouvrer un nouvel onglet à votre navigateur et cliquer sur http://localhost:8080/, vous obtenez la page ci-dessous:

Node inspector, le debugger NodeJS
Node inspector, le debugger NodeJS

Les raccourcis clavier de Node Inspector à connaitre absolument :

Key  Description
F8 Exécute jusqu’au prochain point d’arrêt
F10 Exécute un pas
F11 Entre dans la fonction pour exécuter un pas

En plaçant le curseur de souris sur une variable dans le code, sa valeur est automatiquement exposée au travers d’un tooltip.

Node inspector, Instant value sur tooltip des variables
Node inspector, Instant value sur tooltip des variables

il existe aussi dans la sideview un “explorateur” de variable classées par scope :

Node inspector, Scope Variables
Node inspector, Scope Variables

Enfin, il est possible de poser des « watchers » sur des variables ou expressions précise que vous pouvez saisir vous-même:

Node inspector, Surveillance d'expressions javascript
Node inspector, Surveillance d’expressions javascript

Dernier point, et non des moindres, pour placer un point d’arrêtt, il suffit de double-cliquer sur un numéro de ligne dans un source

Node inspector, ajout d'un point d'arrêt
Node inspector, ajout d’un point d’arrêt

La liste des points d’arrêt déclarés et actifs/inactifs est présentée ici :

Node inspector, liste des points d'arrêt
Node inspector, liste des points d’arrêt

Voila, avec cet outil magique, vous pourrez survivre dans le milieu hostile du javascript de NodeJS !

To be continued …

Publicités