Consola, utilidades y debugging

Clase 15 de 48 • Curso de Backend con Node.js 2019

Juan Carlos García Esquivel

student•

El módulo útil esta diseñado para resolver las necesidades internas de las API de Node, sin embargo muchas de estas utilidades también son útiles para los módulos de las aplicaciones en desarrollo. Se puede acceder a estas utilidades usando: const util = require('util');

util.format() El método util.format () devuelve una cadena formateada utilizando el primer argumento como una cadena de formato tipo printf que puede contener cero o más especificadores de formato. Cada especificador se reemplaza con el valor convertido del argumento correspondiente. Los especificadores compatibles son:

%s - String
%d - Number
%i - parseInt(value, 10)
%f - parseFloat(value)
%j - JSON
%o - Object
%c - Css
%% - signo de '%' Inspector cuando se inicia la inspección --inspect, Node escucha a un cliente de depuración , Por defecto escuchara el host y el puerto 127.0.0.1:9229 y a cada proceso se le asigna un id único. Opciones de la línea de comandos --inspect: Habilita el agente de inspección y escucha el puerto por defecto 127.0.0.1:9229 --inspect=[host:port]: Habilita el agente de inspección, vincula la dirección y el puerto a la dirección de inspección.

Reto (estuvo super interesante me costo mucho trabajo)

const log = new console.Console({
  stdout: process.stdout,
  strerr: process.strerr
});

const emojis = {
  log: "  \u001b[37m ☺",
  danger: "  \u001b[31m ☠",
  info: "  \u001b[34m ℹ",
  warning: "  \u001b[33m ⚠",
  love: "  \u001b[35m ❤"
};

console.Console.prototype.logger = function(text) {
  this.log(`${emojis.log} ${text}`);
};

console.Console.prototype.warning = function(text) {
  this.warn(`${emojis.warning} ${text}`);
};

console.Console.prototype.information = function(text) {
  this.info(`${emojis.info} ${text}`);
};

console.Console.prototype.danger = function(text) {
  this.error(`${emojis.danger} ${text}`);
};

console.Console.prototype.love = function() {
  this.error(`${emojis.love} This was made with love for you`);
};

log.logger("this is a normal log");
log.information("this is a info log");
log.warning("this is a warning log you should read it");
log.danger("this is a error log, You are in fire");
log.love();

output

Marcial Ambriz

student•

Los colores de cada linea son asignados por ti?

Juan Carlos García Esquivel

student•

@mackial-houng si yo asigne los colores junto con el emoji en la constante de emojis en el código en la parte superior, el código de color tiene que estas en formato ANSI.

Marco Luna

student•

Para poder poner color a la consola les recomiendo este artículo: Make Color console.log

Mientras, les muestro mi solución del challenge:

En la salida se ve muy bien esto:

Jimmy Buriticá Londoño

student•

Que buena opción de asignar color a la consola

Alonso Fabricio Samanez Nuñez

student•

:thumbsup:

Ernesto Palafox

student•

Mi solución:

Ernesto Palafox

student•

Se ve así:

Pablo Verduzco

student•

¡Bien ahi dev 😊!

Abdiel Ortega

student•

Mi consola 😉:

const consoleFile = new console.Console(out, err);

consoleFile.meliodas = (msg = '') =&gt; {
    console.log('\x1b[31m', `🐉 Full Counter! ${msg}`)
};

consoleFile.escanor = (msg = '') =&gt; {
    console.log('\x1b[33m', `🦁 Sunshine! ${msg}`)
};

consoleFile.ban = (msg = '') =&gt; {
    console.log('\x1b[37m', `🦊 Physical Hunt! ${msg}`)
};

consoleFile.king = (msg = '') =&gt; {
    console.log('\x1b[34m', `🐻 Status Promotion! ${msg}`)
};

consoleFile.diane = (msg = '') =&gt; {
    console.log('\x1b[33m', `🐍 Mother Catastrophe! ${msg}`)
};

consoleFile.gowther = (msg = '') =&gt; {
    console.log('\x1b[35m', `🐏 Lost World! ${msg}`)
};

consoleFile.merlin = (msg = '') =&gt; {
    console.log('\x1b[35m', `🐗 Enchant Infinity! ${msg}`)
};

consoleFile.meliodas();
consoleFile.escanor();
consoleFile.ban();
consoleFile.king();
consoleFile.diane();
consoleFile.gowther();
consoleFile.merlin();

Derek Samuel Paúl Peña

student•

El código es una mezcla de varios challenges que vimos:

//Declaration
const fs = require(`fs`);
const server = require(`http`).createServer();
const { Transform } = require('stream');

const err = fs.createWriteStream(`./ErrorInfo`);
const data = fs.createWriteStream(`./DataInfo`);

const consolePersonalizate = new console.Console(data, err);

//modifications:
consolePersonalizate.yourAgeDaySERVER = (method, port) =&gt; {
    server.on(`request`, (req, res) =&gt; {
        let body = [];
            if(req.method ===  method &amp;&amp; req.url === `/echo`) {
                req
                .on('data', (data) =&gt; {
                    body.push(data)
                })
                .on('end', () =&gt; {
                    res.writeHead(200, { 'Connection' : 'OK' });
                    body = Buffer.concat(body).toString();
                    let resmeta = `Naciste un: ${new Date(body)}`;
                    console.group('res');
                        console.log(resmeta);
                    console.groupEnd('res');
                    res.end(resmeta);
                })
            } else {
                let errorPath = 'error path no specified or this is´nt correct';
                res.statusCode = 404;
                console.log(errorPath);
                res.end(errorPath);
            }
    });
    server.listen(port);
    port ? console.log(`Listening in port: ${port}`) : console.error(`Error: port no specified`);
}

consolePersonalizate.CamelCase = (chunk) =&gt; {
    return chunk.charAt(0).toUpperCase() + chunk.slice(1).replace(/ +/g, &quot;&quot;);
}

const Transforms = new Transform({
    transform(chunk, encoding, cb) {
        this.push(consolePersonalizate.CamelCase(chunk.toString()));
        cb();
    }
});

//Print
consolePersonalizate.yourAgeDaySERVER('POST', 8000);
process.stdin.pipe(Transforms).pipe(process.stdout);
consolePersonalizate.log('Hello Log');

Daniel Sánchez

teacher•

Repositorio de la clase: https://github.com/glrodasz/platzi-backend-node/tree/consola-utilidades-y-debugging

Miguel Angel Cruz Chavarria

student•

Reto

const fs = require('fs')
const output = fs.createWriteStream('./stdout.log')
const error = fs.createWriteStream('./stderr.log')

const date = new Date()
const customConsole = new console.Console(output,error)

customConsole.logger = (element) => {
    customConsole.log(`Logger created on ${date} : ${element}`)
    console.log("\x1b[34m%s\x1b[0m",`💬  This part is log : ${element}`)
}
customConsole.warning = (element='')=>{
    customConsole.log(`Warning created on ${date} : ${element}`)
    console.log("\x1b[33m%s\x1b[0m",`❕  This part is warning : ${element}`)
}
customConsole.danger = (element='')=>{
    customConsole.log(`Danger created on ${date} : ${element}`)
    console.log("\x1b[31m%s\x1b[0m",`❗  This part is danger : ${element}`)
}
customConsole.err = (error='')=>{
    customConsole.error('An error occurred')
    console.log("\x1b[32m%s\x1b[0m",`❌  An error occurred : ${error}`)
}

customConsole.logger('Hello')
customConsole.warning()
customConsole.danger()
customConsole.err()

Consola:

Marco Antonio Benites Espinoza

company_admin•

Reto:

const miConsola = new console.Console(process.stdout, process.stderr);

miConsola.imprimirInfo = (msg = '') =&gt; {
    console.log('-&gt; [Information]: %s', msg)
};

miConsola.imprimirWarning = (msg = '') =&gt; {
    console.log('-&gt; [Warning]: %s', msg)
};

miConsola.imprimirError = (msg = '') =&gt; {
    console.log('-&gt; [Error]: %s', msg)
};

miConsola.imprimirInfo('Hola mundo');
miConsola.imprimirWarning('Hola mundo');
miConsola.imprimirError('Hola mundo');

José Armando Gutiérrez Araujo

student•

Al usar el --inspect, me salio en el navegador el logo de node y le di y me abrió la ventana para debuggear, pero entre a la pestaña de source y no muestra nada

Cristofers Valdez Quintin

student•

tengo un problema, mi terminal no reconoce el NODE_DEBUG como una variable de entorno, sino como un comando (y evidentemente salta error, puesto que ese comando no existe), quisiera saber si otra forma de editar las variables de entorno, según lo que investigue se puede con process.env.NODE_DEBUG = 'foo', pero no me dio el resultado que debería de dar, es mas, visual estudio code ni siquiera reconoce esa variable, puesto que en el auto-completado no aparece.

estoy siguiendo este curso con Windows 10.

Gabriel De Andrade

student•

Hola! Estas usando la terminal zsh que instalamos en el Curso de Prework?

Diego Alejandro Zacarias

student•

en windows debes utilizar "set" por lo que el comando quedaria asi:

set NODE_DEBUG=foo

si necesitas multiples comandos deben tener &&

set NODE_DEBUG=foo && node miArchivo.js

Ricardo Martínez Murillo

student•

Para los que quieran la referencia de los colores, los pueden traer desde aquí: stackoverflow.com/questions/9781218/how-to-change-node-jss-console-font-color

María Jimena Rodríguez Contreras

student•

muchas gracias

Joaquín Ignacio Ossandón Gómez

student•

Tomé como ejemplo a los compañeros Marco Antonio y Derek Samuel para hacer mi desafío y con cambios leves entre este y los desafíos anteriores, el código pide tu fecha de nacimiento y devuelve el día de la semana en la que naciste, enviando log, error e info. También anda suelto un warn que no usé...

const { Transform } = require('stream')
const myConsole = new console.Console(process.stdout, process.stderr)

color = {
  "red": { "bold": "\x1b[1;31m", "normal": "\x1b[0;31m" },
  "green": { "bold": "\x1b[1;32m", "normal": "\x1b[0;32m" },
  "white": { "bold": "\x1b[1;37m", "normal": "\x1b[0;37m" },
  "violet": { "bold": "\x1b[1;35m", "normal": "\x1b[0;35m" },
} //clicolors ascii

myConsole.log = (msg) => {
  console.log(`${color.violet.bold}[MESSAGE] => ${color.violet.normal}${msg} ${color.white.normal}`)
}

myConsole.error = (err) => {
  console.error(`${color.red.bold}[ERROR] => ${color.red.normal}${new Error(err)} ${color.white.normal}`)
}

myConsole.info = (info) => {
  console.info(`${color.green.bold}[INFO] => ${color.green.normal}${info} ${color.white.normal}`)
}

myConsole.warn = (warn) => {
  console.warn(`${color.red.bold}[WARNING] => ${color.white.bold}${warn} ${color.white.normal}`)
}

const days = ['Domingo', 'Lunes', 'Martes',
  'Miercoles', 'Jueves', 'Viernes', 'Sábado'] // domingo es el primer día según MDN

const transformStream = new Transform({
  transform(chunk, encoding, callback) {
    chunk = chunk.toString()
    chunk = chunk.split("/")
    let [day, month, year] = chunk
    date = new Date(`${month}/${day}/${year}`)
    if (date == 'Invalid Date') { // si la fecha está mal escrita
      myConsole.error('la fecha que ingresaste no es válida. Formato: DD/MM/YYYY')
    } else {
      formatDate = `${day}/${month}/${year}`
      myConsole.info(`Resultado: `)
      this.push(`Naciste el ${formatDate} un día ${days[date.getDay()]}\n`)
    }
    callback()
  }
})

myConsole.log('Hola, ingresa tu fecha de nacimiento en el siguiente formato: DD/MM/YYYY')
process.stdin.pipe(transformStream).pipe(process.stdout)

Al inicio: [MESSAGE] => Hola, ingresa tu fecha de nacimiento en el siguiente formato: DD/MM/YYYY Posibles respuestas:

[ERROR] => Error: la fecha que ingresaste no es válida. Formato: DD/MM/YYYY

[INFO] => Resultado: Naciste el [FECHA] un día [DIA]

María Jimena Rodríguez Contreras

student•

gracias

Jhonatan Saúl Maco Leysequía

student•

Reto:

const consoleAux = new console.Console(process.stdout, process.stderr);
let fecha = new Date();
consoleAux.printInfo = (msg = &quot;&quot;) =&gt; {
  console.info(
    &quot;\x1b[36m%s\x1b[0m&quot;,
    &quot;[Information] - &quot; + fecha + &quot;:: &quot;,
    &quot;\x1b[0m&quot;,
    &quot;\n\t &gt;&gt; &quot; + msg
  );
};

consoleAux.printWarn = (msg = &quot;&quot;) =&gt; {
  console.warn(
    &quot;\x1b[33m%s\x1b[0m&quot;,
    &quot;[Warning] - &quot; + fecha + &quot;:: &quot;,
    &quot;\x1b[0m&quot;,
    &quot;\n\t &gt;&gt; &quot; + msg
  );
};

consoleAux.printErr = (msg = &quot;&quot;) =&gt; {
  console.error(
    &quot;\x1b[31m%s\x1b[0m&quot;,
    &quot;[Error] - &quot; + fecha + &quot;:: &quot;,
    &quot;\x1b[0m&quot;,
    &quot;\n\t &gt;&gt; &quot; + msg
  );
};

consoleAux.printSuc = (msg = &quot;&quot;) =&gt; {
  console.log(
    &quot;\x1b[32m%s\x1b[0m&quot;,
    &quot;[Success]  - &quot; + fecha + &quot;:: &quot;,
    &quot;\x1b[0m&quot;,
    &quot;\n\t &gt;&gt; &quot; + msg
  );
};

consoleAux.printInfo(&quot;Mensaje de información.&quot;);
consoleAux.printWarn(&quot;Mensaje de advertencia.&quot;);
consoleAux.printErr(&quot;Mensaje de error.&quot;);
consoleAux.printSuc(&quot;Mensaje de éxito.&quot;);

Resultado en consola:

María Jimena Rodríguez Contreras

student•

muy bueno

Carlos Enrique Ramírez Flores

student•

Un poco largo, pero ahi esta!

const _console = new console.Console(process.stdout, process.stderr);

_console.xinfo = (msg = '') =&gt; {
    const type = typeof msg;
    if(type === 'number')
        console.info('[info number] =&gt; %d', msg);
    else if(type === 'object')
        console.info('[info json] =&gt; %j', msg);
    else
        console.info('[info string] =&gt; %s', msg);
    
}
_console.xwarn = (msg = '') =&gt; {
    const type = typeof msg;
    if(type === 'number')
        console.warn('[warn number] =&gt; %d', msg);
    else if(type === 'object')
        console.warn('[warn json] =&gt; %j', msg);
    else
        console.warn('[warn string] =&gt; %s', msg);
    
}
_console.xerror = (msg = '') =&gt; {
    const type = typeof msg;
    if(type === 'number')
        console.error(&quot;[error number] =&gt; %d&quot;, msg);
    else if(type === 'object')
        console.error(&quot;[error json] =&gt; %j&quot;, msg);
    else
        console.error(&quot;[error string] =&gt; %s&quot;, msg);
}

_console.xinfo('Esto es un info')
_console.xinfo(30)
_console.xinfo({&quot;Nombre&quot;:&quot;Carlos Ramírez&quot;})

_console.xwarn('Esto es un warn')
_console.xwarn(20)
_console.xwarn({&quot;warning&quot;:&quot;Validar funcion&quot;})

_console.xerror('Esto es un error')
_console.xerror(10)
_console.xerror({&quot;error&quot;:&quot;error 404&quot;, &quot;line&quot;:50})

Carlos Enrique Ramírez Flores

student•

[nodemon] starting `node reto-console.js`
[info string] =&gt; Esto es un info
[info number] =&gt; 30
[info json] =&gt; {&quot;Nombre&quot;:&quot;Carlos Ramírez&quot;}
[warn string] =&gt; Esto es un warn
[warn number] =&gt; 20
[warn json] =&gt; {&quot;warning&quot;:&quot;Validar funcion&quot;}
[error string] =&gt; Esto es un error
[error number] =&gt; 10
[error json] =&gt; {&quot;error&quot;:&quot;error 404&quot;,&quot;line&quot;:50}```

Alfredo Gonzalez

student•

![](

Erik Ricardo Sánchez Pérez

student•

Ahora si que me pasó algo bien curioso pero me ayudó a entender más lo que hemos venido viendo.

Al momento de querer hacer el new console.Console me tira el error de que espera un writable stream, por lo que decidí a probar con ello. En la clase de Readable y Writeable streams menciona que el process.stdout lo llama console.log por debajo, esto me ha parecido muy interesante entonces decidí a probar a hacer mi propio console.log.

El resultado es el siguiente:

const { Writable } = require("stream");

const writableStreamLog = new Writable({
  write(chunk, encoding, callback) {
      const now = new Date().toISOString().replace(/T/, ' ').replace(/\..+/, '');
      process.stdout.write('----------------------------------------\n');
      process.stdout.write('------- Escuela de Javascript ----------\n');
      process.stdout.write(`------- LOG ${now} --------\n`);
      process.stdout.write(`\x1b[32m${chunk.toString()}\x1b[0m`);
      process.stdout.write('----------------------------------------\n\n');
      callback();
  }
});

const writableStreamError = new Writable({
    write(chunk, encoding, callback) {
        const now = new Date().toISOString().replace(/T/, ' ').replace(/\..+/, '');
        process.stdout.write('----------------------------------------\n');
        process.stdout.write('------- Escuela de Javascript ----------\n');
        process.stdout.write(`------ ERROR ${now} -------\n`);
        process.stdout.write(`\x1b[31m${chunk.toString()}\x1b[0m`);
        process.stdout.write('----------------------------------------\n\n');
        callback();
    }
});

const ej_console = new console.Console(writableStreamLog, writableStreamError);
ej_console.log('esto es un log');
ej_console.error('esto es un error');