Creando tu primer servidor con Express.js

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

Contenido del curso

Tu primera experiencia con Node.js

Manejo y uso de Streams con Node.js

Uso de utilidades de Node.js

Crea tu primer proyecto en Express.js

Aprende a crear un API con REST

Cómo conectarse con librerías externas en Express.js

Conoce como funcionan los Middleware en Express.js

Implementa tests en Node.js

Despliega tu primera aplicación en Express.js

Conclusiones

48
¿Qué aprendiste en este curso?
00:43 min

Tomar examen

Comentarios

Favio Sauto

student•

Para los que usan Windows y no les funciona el script cuando lo tienen de esta forma:

"dev": "DEBUG=app:* nodemon index"

De esta forma sí funciona:

"dev": "set DEBUG=app:*&& nodemon index"

Manuel Ojeda

student•

Sos un héroe sin capa!

Ingrid Sagrero

student•

Gracias, eso me funcionó!!!

Kevin Rodolfo cosio sanchez

student•

Configuracion .eslintrc.json

{
  "parserOptions": {
    "ecmaVersion": 2018
  },
  "extends": [
    "eslint:recommended",
    "prettier"
  ],
  "env": {
    "es6": true,
    "node": true,
    "mocha": true
  },
  "rules": {
    "no-console": "warn"
  }
} ```

Kevin Acuña Quirós

student•

Gracias!

María Jimena Rodríguez Contreras

student•

muchas gracias

Gary Barzola Pesantes

student•

Para los que le de error DEBUG o NODE_ENV en el package.json en Windows. SOLUCION:

"scripts": {
    "dev": "SET DEBUG=app:* & nodemon index",
    "start": "SET NODE_ENV=production & node index"
  },

JOSE ALCIVAR GARCIA

student•

Muchas gracias

Fernando Briceño

student•

Gracias!

Cesar Almeida Reyes

student•

npx mrm@2 lint-staged

Instala la versión 2 de mrm porque la actual, la versión 3, es incompatible con lint-staged

Carlos Waldo

student•

Gracias, esto me ayudo mucho, y si a alguien le aparece el error "hooks" folder do not exists, debe hacer desde el principio de este video git init

Juan Carlos García Esquivel

student•

dotenv Es un módulo independiente que carga variables de entorno de un archivo .env en process.env. npm i express dotenv

Nodemon Nodemon es una utilidad que supervisará cualquier cambio en los recursos y reiniciará automáticamente su servidor. npm i -D nodemon eslint eslint-config-prettier eslint-plugin-prettier prettier

Husky hooks Es un módulo que puede prevenir realizar git commit o git push sin formato u otros conflictos no deseados. npx mrm lint-staged

const express = require('express');
const app = express();
const { config } = require('./config/index');

const divider = (year, divisor) => {
  return year % divisor === 0 ? true : false;
};

app.get('/', (request, response) => {
  response.send(`Place a year after the url and find out if it is leap year: 
  http://localhost:${config.port}/1994`);
});

/**
 * The year is leap year if
 * first - it is divisible by 4
 * second - it is not divisible by 100
 * third - or it is divisible by 400
 */
app.get('/:year', (request, response) => {
  const { year } = request.params;
  if ((divider(year, 4) && !divider(year, 100)) || divider(year, 400)) {
    response.send(`The year 
    ${year} is leap year :D`);
  }
  response.send(`The year 
  ${year} is NOT leap year :C`);
});

app.listen(config.port, () => {
  console.log(`listening address http://localhost:${config.port}`);
});

Eduardo Cabrera Rodríguez

student•

SOLUCIÓN al error que no reconoce el DEBUG: En el package.json pongan "dev": "set DEBUG=app:* & nodemon index". Mucha suerte!! :D

Agustín Hernández Aguilar

student•

GRACIAS!!!

Gabriel De Andrade

student•

Mi solución:

Marco Mesén Campos

student•

Les dejo mis apuntes en caso de que les sirva Adicional los que usen windows puede que el run dev no les sirva, pueden poner npx antes de nodemon y listo

npm init -y 

Modificar scripts iniciales:
&quot;scripts&quot;: {
    &quot;start&quot;: &quot;DEBUG=app:* nodemon index.js&quot;, 
    &quot;build&quot;: &quot;NODE_ENV=production node index.js&quot;
  }

Configuración de .eslint.json 
Crea el archivo con las siguientes configuraciones

  {
    &quot;parserOptions&quot;: {
      &quot;ecmaVersion&quot;: 2018                             /** indica la versión de EcmaScript que se va a usar
    }, 
    &quot;extends&quot;: [&quot;eslint:recommended&quot;, &quot;prettier&quot;],    /** Indica que extienda la versión recomendada y que utilice prettier
    &quot;env&quot;: {                                          /** Configura las variables de entorno indicando que se usarán es6, node, mocha
      &quot;es6&quot;: true,
      &quot;node&quot;: true,
      &quot;mocha&quot;: true
    },
    &quot;rules&quot;: {                                        /** regla de no poner la consola es unicamente un warning, no un error
      &quot;no-console&quot;: &quot;warn&quot;
    }
  }

Se configura prettier
Crear archivo .prettierrc.json

{
  &quot;tabWidth&quot;: 2,        /** numero de espacios en los taps 
  &quot;semi&quot;: true,         /** que se utilice ; 
  &quot;singleQuote&quot;: true   /** comillas simples no dobles
}


instalar express y dotenv  /** prodccion
npm i express dotenv


instalar dependencias de desarrollo:

/* -D abreviatura de --save-dev
npm i -D nodemon eslint eslint-config-prettier eslint-plugin-prettier prettier

/* installar hook para que cuando se haga commit se formatee con eslint y prettier
npx mrm lint-staged

/* Se crea archivo config/index.js de configuracion de variables de entorno ENV 

require('dotenv').config();

const config = {
  dev: process.env.NODE_ENV !== 'procdution',   /** cuando no esté en prodccion */
  port: process.env.PORT || 3000                /** buena practica tener una variable global para el puerto */
}

module.exports = { config };

Cristofers Valdez Quintin

student•

si estan en windows y la consola le salta error 'porque no reconoce a DEBUG=app:*', coloquen '**set **DEBUG=app...' y de paso tambien tienen que usar & antes de nodemon index

Vicente Daniel Zurita Salas

student•

Gracias, me ayudó un montón esto.

Carlos Vallejo

student•

Perfecto, muchas gracias!

Juan Carlos Delgado Panqueva

student•

En package.json en el script de desarrollo se puede incluir en nodemon más tipos de archivos para que se refresquen automáticamente cuando sean modificados:

parámentro -e

Linux Mac: "dev": "DEBUG=app:* nodemon index -e js,hbs,html,css",

Windows: "dev": "set DEBUG=app:* &nodemon index -e js,hbs,html,css"

Miguel Hernández

student•

Si no les funciona npx mrm lint-staged es por que ahora es: npx mrm@2 lint-staged en la documentación cambio

Cynthia Jazmín Romero

student•

¡Gracias!

Kafu De León

student•

En Windows es diferente la parte de los Scripts de package.json

"dev": "set DEBUG=app:*&& nodemon index"
"start": "set NODE_ENV=production&& node index"

Nestor Ruben Rodriguez Caro

student•

npx mrm lint-staged

me lanza el siguiente error

Cannot add lint-staged: only eslint, stylelint, prettier or custom rules are supported.

Geraldine

student•

Miraste que estés en la ruta correcta en tu consola? Me sucedió lo mismo pero estaba una carpeta atrás y me generó dicho mensaje

Fernando Cordero

student•

a mi tampoco me funciono... estyo usando linux. Ubuntu 18

Jesus Dario

student•

Para crear los scripts del package.json en windows se deben separar los comandos con &

  "scripts": {
    "dev": "DEBUG=app:* & nodemon index",
    "start": "NODE_ENV=production & node index.js"
  },

John Andrey Serrano

student•

Tmabién puedes usar cross-env

Ricardo Martínez Murillo

student•

Gracias

Carlos Salas Torres

student•

Que onda gente aquí les dejo el comando que me funciono para instalar lint-staged, ya que me daba un error: npm config set cache "C:\Users\Firstname~1\AppData\Roaming\npm-cache" --global

El error es ocasionado por que tu nombre de usuario contiene un espacio en blanco. Cambien Firstname por su nombre sin espacio en blanco. Ejemplo: npm config set cache "C:\Users\OscarBarajas~1\AppData\Roaming\npm-cache" --global

Después ya pueden correr el comando npx mrm lint-staged

Jimena Gramajo

student•

Gracias :)

José Francisco Durand Aguilar

student•

Sigue sin funcionar

Fredy Espinoza Pérez

student•

Buenos noches comunidad, al momento de ejecutar npm init -y en mi paquete package.json me muestra un debug ¿Es correcto?

Héctor Eduardo López Carballo

student•

Hola!

Sí es correcto, no es ningún error.

Cristian Iñiguez

student•

Estoy usando git y haciendo commits clase por clase para volver hacia atrás en caso de que haga algo mal (se los recomiendo). Pero al hacer el commit después de esta clase se creo un archivo .eslintchache. Este archivo tambien puedo añadirlo al repositorio o se ignora como node_modules?

Mauro Nava

student•

Ingnoralo, solo es caché

Massimo Di Berardino

student•

Hola Cristian, debes ignorarlo porque es caché de las distintas cosas que has venido haciendo en tu proyecto

Antonio Flores

student•

Saludos, al correr npx mrm lint-staged Tengo un error: Error: can't create hook, .husky directory doesn't exist (try running husky install)

Alguien puede ayudarme? gracias de antemano.

German Cavani

student•

Prueba de hacer un git init antes.

Fabian Rivera Restrepo

student•

Tengo el siguiente problema

<$ npx mrm lint-staged
npx: instaló 300 en 30.582s
C:\Users\User\AppData\Roaming\npm-cache\_npx\9768\node_modules\mrm\bin\mrm.js:55
                throw err;
                ^

Error: Cannot find module 'C:\Users\User\AppData\Roaming\npm-cache\_npx\9768\lib\node_modules\mrm-task-lint-staged'
Require stack:
- C:\Users\User\AppData\Roaming\npm-cache\_npx\9768\node_modules\mrm\src\index.js
- C:\Users\User\AppData\Roaming\npm-cache\_npx\9768\node_modules\mrm\bin\mrm.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:885:15)
    at Function.Module._load (internal/modules/cjs/loader.js:730:27)
    at Module.require (internal/modules/cjs/loader.js:957:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at C:\Users\User\AppData\Roaming\npm-cache\_npx\9768\node_modules\mrm\src\index.js:164:18
    at new Promise (<anonymous>)
    at runTask (C:\Users\User\AppData\Roaming\npm-cache\_npx\9768\node_modules\mrm\src\index.js:154:9)
    at processTicksAndRejections (internal/process/task_queues.js:95:5) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'C:\\Users\\User\\AppData\\Roaming\\npm-cache\\_npx\\9768\\node_modules\\mrm\\src\\index.js',
    'C:\\Users\\User\\AppData\\Roaming\\npm-cache\\_npx\\9768\\node_modules\\mrm\\bin\\mrm.js'
  ]
}>

German Cavani

student•

Hiciste el git init primero? A mi me sucedió eso hasta que hice un git init.

Luis Miguel González

student•

Tengo problemas para installar el npx mrm lint-staged, ando programando en windows y el error que me sale es el siguiente:

Agradeceria de todo corazón si alguien me pudiera ayudar. gracias

Guillermo Rodas

teacher•

Yo revisaría dos cosas:

Que tengas Node.js y NPM instalados de manera correcta y no dependan de los permisos del administrador. Quizás puedas intentar usar nvm para windows: https://github.com/coreybutler/nvm-windows
Usar mejor la version de Ubuntu para Windows y trabajar desde allí para evitar problemas de compatibilidad: https://ubuntu.com/tutorials/tutorial-ubuntu-on-windows#2-requirements

{
  "parserOptions": {
    "ecmaVersion": 2018
  },
  "extends": [
    "eslint:recommended",
    "prettier"
  ],
  "env": {
    "es6": true,
    "node": true,
    "mocha": true
  },
  "rules": {
    "no-console": "warn"
  }
} ```

const express = require('express');
const app = express();
const { config } = require('./config/index');

const divider = (year, divisor) => {
  return year % divisor === 0 ? true : false;
};

app.get('/', (request, response) => {
  response.send(`Place a year after the url and find out if it is leap year: 
  http://localhost:${config.port}/1994`);
});

/**
 * The year is leap year if
 * first - it is divisible by 4
 * second - it is not divisible by 100
 * third - or it is divisible by 400
 */
app.get('/:year', (request, response) => {
  const { year } = request.params;
  if ((divider(year, 4) && !divider(year, 100)) || divider(year, 400)) {
    response.send(`The year 
    ${year} is leap year :D`);
  }
  response.send(`The year 
  ${year} is NOT leap year :C`);
});

app.listen(config.port, () => {
  console.log(`listening address http://localhost:${config.port}`);
});

npm init -y 

Modificar scripts iniciales:
&quot;scripts&quot;: {
    &quot;start&quot;: &quot;DEBUG=app:* nodemon index.js&quot;, 
    &quot;build&quot;: &quot;NODE_ENV=production node index.js&quot;
  }

Configuración de .eslint.json 
Crea el archivo con las siguientes configuraciones

  {
    &quot;parserOptions&quot;: {
      &quot;ecmaVersion&quot;: 2018                             /** indica la versión de EcmaScript que se va a usar
    }, 
    &quot;extends&quot;: [&quot;eslint:recommended&quot;, &quot;prettier&quot;],    /** Indica que extienda la versión recomendada y que utilice prettier
    &quot;env&quot;: {                                          /** Configura las variables de entorno indicando que se usarán es6, node, mocha
      &quot;es6&quot;: true,
      &quot;node&quot;: true,
      &quot;mocha&quot;: true
    },
    &quot;rules&quot;: {                                        /** regla de no poner la consola es unicamente un warning, no un error
      &quot;no-console&quot;: &quot;warn&quot;
    }
  }

Se configura prettier
Crear archivo .prettierrc.json

{
  &quot;tabWidth&quot;: 2,        /** numero de espacios en los taps 
  &quot;semi&quot;: true,         /** que se utilice ; 
  &quot;singleQuote&quot;: true   /** comillas simples no dobles
}


instalar express y dotenv  /** prodccion
npm i express dotenv


instalar dependencias de desarrollo:

/* -D abreviatura de --save-dev
npm i -D nodemon eslint eslint-config-prettier eslint-plugin-prettier prettier

/* installar hook para que cuando se haga commit se formatee con eslint y prettier
npx mrm lint-staged

/* Se crea archivo config/index.js de configuracion de variables de entorno ENV 

require('dotenv').config();

const config = {
  dev: process.env.NODE_ENV !== 'procdution',   /** cuando no esté en prodccion */
  port: process.env.PORT || 3000                /** buena practica tener una variable global para el puerto */
}

module.exports = { config };

<$ npx mrm lint-staged
npx: instaló 300 en 30.582s
C:\Users\User\AppData\Roaming\npm-cache\_npx\9768\node_modules\mrm\bin\mrm.js:55
                throw err;
                ^

Error: Cannot find module 'C:\Users\User\AppData\Roaming\npm-cache\_npx\9768\lib\node_modules\mrm-task-lint-staged'
Require stack:
- C:\Users\User\AppData\Roaming\npm-cache\_npx\9768\node_modules\mrm\src\index.js
- C:\Users\User\AppData\Roaming\npm-cache\_npx\9768\node_modules\mrm\bin\mrm.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:885:15)
    at Function.Module._load (internal/modules/cjs/loader.js:730:27)
    at Module.require (internal/modules/cjs/loader.js:957:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at C:\Users\User\AppData\Roaming\npm-cache\_npx\9768\node_modules\mrm\src\index.js:164:18
    at new Promise (<anonymous>)
    at runTask (C:\Users\User\AppData\Roaming\npm-cache\_npx\9768\node_modules\mrm\src\index.js:154:9)
    at processTicksAndRejections (internal/process/task_queues.js:95:5) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'C:\\Users\\User\\AppData\\Roaming\\npm-cache\\_npx\\9768\\node_modules\\mrm\\src\\index.js',
    'C:\\Users\\User\\AppData\\Roaming\\npm-cache\\_npx\\9768\\node_modules\\mrm\\bin\\mrm.js'
  ]
}> 

Creando tu primer servidor con Express.js

Tu primera experiencia con Node.js

¿Dónde aprender backend con Node.js actualizado?

Todo lo que aprenderás sobre backend con Node.js

¿Qué es Node.js?

¿Qué es Node.js y para qué sirve?

Diferencias entre Node.js y JavaScript

Resumen: Diferencias Nodejs y Javascript

Instalación de Node.js

Arquitectura orientada a eventos

Node.js para la web

Manejo y uso de Streams con Node.js

Introducción a streams

Readable y Writable streams

Duplex y Transforms streams

Uso de utilidades de Node.js

Sistema operativo y sistema de archivos

Administrar directorios y archivos

Consola, utilidades y debugging

Clusters y procesos hijos

Crea tu primer proyecto en Express.js

¿Qué es Express.js y para qué sirve?