Debugging in Node.js and Azure

1. Debugging in Node.js and Azure
Brian Clark
_clarkio

2. Starting Out

4. Demo

5. Built-in Debugger

6. Built-in Debugger
Terminal or
Command Line
Navigate
with Commands
Debugger; Manual Watches

7. $ node inspect server.js
NowBefore
$ node server.js

8. Navigation

9. Navigation
cont, c next, n step, s
out, o quit/restart list

10. Demo

11. Chrome Dev Tools

12. $ npm install –g node-inspector
$ node-inspect server.js
$ node server.js
$ node --inspect server.js
BeforeNow

13. Chrome DevTools 55+ comes with built-in
support for debugging Node.js apps

15. Demo

16. Code Editor

17. Visual Studio Code

18. Visual Studio Code
Launch Options
Debug View
Easy Navigation
JavaScript/Node.js Friendly

19. Visual Studio Code
Remote debugging
options
Call stack
monitoring
View watched
variable values
Step through code
One click
breakpoints
Stay in context

20. Visual Studio Code
Remote debugging
options
Stay in context

21. Demo

22. Azure

23. Azure

24. Azure

25. Azure

26. Azure

27. Azure

28. Summary
Console.log
Chrome DevTools
Visual Studio Code
Azure
Interactive Inspector

31. © DEVintersection 2017. All rights reserved.
https://www.DEVintersection.com
References
 Node Debugger
 https://nodejs.org/api/debugger.html
 Visual Studio Code Debugging
 https://code.visualstudio.com/docs/editor/debugging
 VS Code Debugger for Chrome
 https://github.com/Microsoft/vscode-chrome-debug
 Node.js Apps in VS Code
 https://code.visualstudio.com/docs/runtimes/nodejs
 Azure Application Insights
 https://docs.microsoft.com/en-us/azure/application-insights/app-insights-nodejs-quick-
start

32. © DEVintersection 2017. All rights reserved.
https://www.DEVintersection.com
Please use EventsXD to fill out a session evaluation.
Thank you!
Brian Clark _clarkio