Debugger

Clase 27 de 31 • Curso de Fundamentos de Node.js

Ramiro Nicolas DAccorso Rosati

student•

AMO APRENDER A DEBUGGEAR! Muchas gracias! Lo mejor que me llevo del curso (No porque sea incompleto, sino porque ya hice otros cursos de node, tomo este para aprender mas bases)

Jossue Galdamez

student•

Son los fundamentos

María Sierra

student•

Debugger

Node.js viene integrado con un modo de debug para poder conectarnos desde cualquier herramienta de inspección de código a nuestro código de node.js.

Podemos utilizar en la terminal el flag de --inspect con nodemon

npx nodemon --inspect http.js

Para poder acceder a debugger de chrome vamos a la url chrome://inspect/#devices y le dan a inspect en el remote target que quieres inspeccionar.

Luis Alejandro Nieto Ruth

student•

Muchas Gracias

Vanesa Percy

student•

Gracias por la información.

Carlos Enrique Gonzalez Peña

student•

Espero que este mensaje llegue a mas personas. Aparte del --inpsect existen otros metodos para debuggear node y es que hay un pequeño problema con esa flag y es que uno no puede detener la ejecucion, si usas esa flag en algo que corre muy rapido se saldra del inspector antes de si quiera abrir chrome.

Una forma de debuggear y parate en la primera linea de codigo (asi te da tiempo de abrir chrome y el debugger) es usar --inspect-brk, esto lo cual dicho iniciare el debugger y se denentra en la primera linea de codigo.

node --inspect-brk modulos/http.js

La otra opcion es una linea de codigo debugger y esta la debes colocar en el lugar donde quieres que se detenga el codigo Ejemplo:

function f (n = 99) {
  if (n === 0) throw Error()
  debugger
  f(n - 1)
}
f()

A mi me han ayudado de sobremanera estas otras 2 formas de debuggear chrome! espero les pueda ayudar!

Schenier Aldair López Uriarte

student•

Wow! Y pensar que pensaba que jugaba un poco con Javascript y aún ni sabía jugar... Muchas gracias!

Cristian Alexander Salazar Atalaya

student•

Para los que ejecutan en VScode con WSL y no les funciona ese metodo de debuger pueden usar esto

en create Javascript debug terminal y ejecutan ahí node http.js (o como lo tengan)

César Palma

student•

es algo aunque solo un terminal

Cristian Ramírez

student•

¡Me encantó!

Javier Silva Avendaño

student•

Tenia problemas para abrir el debbuger cabe mencionar que de esta clase al 2022 ya han pasado algunos años y aunque todo sigue vigente existen algunas diferencias pues se han implementado otras características muy útiles

Para ejecutar el inspector, cosa que se le paso al profesor fue iniciar nodemosn, esto depende de como lo hayas instalado, de forma local o global: nodemon local

npx nodemon --inspect my_file.js

Si lo instalaste globalmente solo quitale el npx, yo recomiendo que lo instalen localmente para que no tengan problemas a futuro con otras aplicaciones ya que como su nombre lo indica, la configuración que hagas de forma global le va a pegar a TODAAAS tus demás aplicaciones y pueden seguir problemas a futuro.

Cuando abres chrome://inspect tendrás 2 opciones disponibles, la que marca el profesor (opción 1) y la opción 2: Abrir con las herramientas de desarrollo dedicas para node, personalmente me estuve rompiedo la cabeza intentando usar la opción 1 y todo resulto más sencillo usando la opción 2.
Una vez dentro vete a Sources y recuerda que después de poner un breakpoint hacer una petición o recargar si ya tienes una hecha.
Listo banda espero poder haberlos ayudado. Saludos C:

Jose Miguel Lopez

student•

ya no hace falta el nodemon, node js trae el --watch

Joel Bello

student•

En fundamentos de JavaScript se entiende mejor

César Palma

student•

no es lo mismo, esto es debuggear el server no el front

Carlos Nassif Trejo Garcia

student•

Para EDGE seria:

edge://inspect

Esteban Martini

student•

manito arriba el que esta corriendo esto dentro de un docker. para poder inspeccionar el proyecto corriendo desde un container, se debe agregar el flag --inspect-brk=0.0.0.0 para decirle al debugger que se puede acceder a el desde otra maquina, ya que la maquina host y el container son diferentes

npx nodemon --inspect-brk=0.0.0.0  modulos/http.js

Lizardo Reyes

student•

Aquí mismo, aunque seria tal vez complicarse la vida inútilmente, pero bueno.

Alexis Bustamante

student•

Hola, a mi si me funcionó, al momento de seleccionar la carpeta donde esta el proyectoChrome pregunta si deseamos dar el acceso, si no lo hacemos no se carga e listado de archivos en el debugger.

Genial la clase, necesita depurar lo que sucede con nuestras variables.

Cesar Eliezer Gomez Gutierrez

student•

Woow, de haber sabido esto antes me hubiera ahorrado mucho tiempo tratando de saber que era lo que fallaba en el código

Luis Felipe Moreno Rondon

student•

Año 2023, node versión 18

Carlos René Rodas Juarez

student•

MIERDA... Primero que nada espero que no me borren el mensaje. Segundo que bueno ver los errores que han sucedido durante el proceso del curso Tercero ver los algunos de los errores que cometemos

Andrés Muñoz

student•

Por favor un curso solo de como usar el debugger y técnicas para encontrar bugs

Santiago Bastidas Rodríguez

student•

Debugger

NodeJs tiene un modo de debug integrado. Para hacer la inspección por consola que tiene Node integrada se puede ejecutar el siguiente comando.

node --inspect src/modules/http.js

/*
**Output:**
	Debugger listening on ws://127.0.0.1:9229/0d5580cb-6a3c-436c-983e-6ef417fe27ab
	For help, see: https://nodejs.org/en/docs/inspector
	Listen http in port 3000
*/

En chrome existe un inspector más avanzado que se activa de la siguiente forma:

chrome://inspect

Esto permite abrir el inspector para poder acceder a las funciones y procesos que se están ejecutando.

Gerson Montenegro

student•

Si a alguien le pasa que no puede ver la opción de inspector en el navegador, tal como muestro aquí:

...posiblemente sea porque ejecutaron el comando de la siguiente manera:

nodemon modulos/http.js --inspect

Así que lo que se debe hacer es ejecutarlo de esta otra forma:

nodemon --inspect modulos/http.js

...me quebré la cabeza un buen rato para encontrarle solución al tema :-D

César Palma

student•

Pueden usar el javascript debugger terminal de vscode, como alternativa a esto

Ivan Andres Diaz Lopez

student•

Funciona para WSL: "También tuve ese problema, lo solucione así : verificar que en Discover network targets este el puerto localhost:9229, luego en vez de dar click en inspect como lo hace el profesor, hacer click en open dedicated DevTools for Node, luego en Sources en la pestaña de Node agregar la carpeta del proyecto y listo, puedes poner los puntos y hacer el llamado a la API". Respuesta de comentario hecho por Carlos Mario Benites. A mi me funciono para el WSL

Jose Luis Rosado Cardenas

student•

Para acceder al inspector solo tiene que abrir chrome en la siguiente url: chrome://inspect/#devices ademas puedes incorporar tus archivos en en sources.

Hernan Maza

student•

Tengo problemas para agregar carpeta al workspace en chrome, estoy usando WSL. Cuando agreggo una carpeta al workspace me sale con la ruta de windows c:/xx, y por eso no me funcionan los breakpoints(ademas de que el archivo no tiene ese punto verde), alguien sabe que se hace en este caso??

José Armando Gutiérrez Araujo

student•

Me pasa igual, aunque a mi si me sale la ruta igual que la del profe, también espero que alguien nos aclare la duda xD

Santi Orduno

student•

Yo para solucionar eso uso el comando :

exploerer.exe .

En la consola bash o zsh . En el directorio del proyecto y copio la ruta del directorio, a la hora de agregar una carpeta al workspace solamente colocó la dirección del directorio que copie y accedo al proyecto

Debugger

Conocer los conceptos básicos de NodeJS

Instalación de Node.js

Node: orígenes y filosofía

EventLoop: asíncrona por diseño

Monohilo: implicaciones en diseño y seguridad

Configurar las variables de entorno en Node.js

Herramientas para ser más felices: Nodemon y PM2

Cómo manejar la asincronía

Callbacks

Callback Hell: refactorizar o sufrir

Promesas

Async/await

Entender los módulos del core

Globals

File system

Console

Errores (try / catch)

Procesos hijo

Módulos nativos en C++

HTTP

OS

Process

Utilizar los módulos y paquetes externos

Gestión de paquetes: NPM y package.json

Construyendo módulos: Require e Import

Módulos útiles

Datos almacenados vs en memoria

Buffers

Streams

Conocer trucos que no quieren que sepas

Benchmarking (console time y timeEnd)

Debugger

Error First Callbacks

Manejar herramientas con Node

Scraping

Automatización de procesos

Aplicaciones de escritorio