Tutorial Express.js

Express.js es un framework web para Node.js que facilita la creación y el manejo de aplicaciones web y APIs.

Configuración

• Crear carpeta de proyecto
• Inicializar proyecto en Node

npm init -y

• Instalar dependencias

npm install express

• Instalar archivos de configuración

npm install nodemon eslint eslint-config-prettier eslint-plugin-prettier prettier -D

• Crear archivo .gitignore
• Configurar ESLint
  • Responder preguntas

npx eslint --init

• Crear eslintrc.json para configuración

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

• Configurar dependencias
  • start para inicializar el servidor en producción
  • dev para inicializar en desarrollo

{
  "name": "mi-proyecto-express",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "node index.js",
    "dev": "nodemon index.js",
    "lint": "eslint .",
    "format": "prettier --write ."
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "^4.17.1"
  },
  "devDependencies": {
    "nodemon": "^2.0.7",
    "eslint": "^7.22.0",
    "eslint-config-prettier": "^8.1.0",
    "eslint-plugin-prettier": "^3.3.1",
    "prettier": "^2.2.1"
  }
}

Iniciar mi primer servidor

• index.js

// es una llamada a la función require de Node.js que carga el módulo Express en nuestra aplicaciónconst express = require('express')

//estamos creando una instancia de la aplicación Expressconst app = express()

// Definimos una constante port que almacena el número de puerto en el que nuestro servidor escuchará las solicitudesconst port = 3000/*
Esta línea define una ruta para manejar solicitudes GET a la raíz del sitio
- Toma dos argumentos:
    1. La ruta (`'/'`).
    2. Una función de callback que se ejecuta cuando se recibe una solicitud GET en esa ruta.
    
    - La función de callback tiene dos parámetros:
    - `req` (request): El objeto de la solicitud, que contiene información sobre la solicitud HTTP.
    - `res` (response): El objeto de la respuesta, que se utiliza para enviar una respuesta al cliente.
    
    Dentro de la función de callback, utilizamos res.send('Hello World!') para enviar la cadena de texto "Hello World!" como respuesta al cliente.
*/
app.get('/', (req, res) => {
  res.send('Hello World!')
})

/*
Iniciar el Servidor:
app.listen() inicia el servidor y hace que nuestra aplicación escuche las solicitudes en el puerto especificado.

Toma dos argumentos:
El puerto en el que el servidor escuchará las solicitudes (port).
Una función de callback que se ejecuta cuando el servidor comienza a escuchar.
*/
app.listen(port, () => {
  console.log(`Servidor corriendo en http://localhost:${port}`)
})

Conceptos básicos

Middleware:

• Middleware es como un “filtro” o “intermediario” que se coloca en el camino entre una solicitud que hace un usuario y la respuesta que da el servidor. Este filtro puede hacer varias cosas antes de que la solicitud llegue a su destino final o antes de que se envíe una respuesta al usuario.
• Funciones que tienen acceso al objeto de solicitud (req), el objeto de respuesta (res), y la siguiente función de middleware en el ciclo de solicitud/respuesta. Las funciones de middleware pueden realizar las siguientes tareas:
  • Ejecutar cualquier código.
  • Modificar los objetos de solicitud y respuesta.
  • Terminar el ciclo de solicitud/respuesta.
  • Llamar a la siguiente función de middleware en la pila.
• Tipos de Middleware
  1. Middleware de aplicación: Se aplica a toda la aplicación.
  2. Middleware de ruta: Se aplica a rutas específicas.
  3. Middleware incorporado: Viene con Express.js (como express.static).
  4. Middleware de terceros: Middleware desarrollado por terceros (como body-parser).
• Flujo de Trabajo del Middleware
  • Cuando una solicitud llega a una aplicación Express, se procesa de la siguiente manera:
    • El middleware se ejecuta en el orden en que fue definido.
    • Cada middleware puede:
      • Ejecutar cualquier código.
      • Modificar req y res.
      • Terminar el ciclo de solicitud/respuesta.
      • Llamar a next() para pasar el control al siguiente middleware.

Rutas: Las rutas definen cómo una aplicación responde a una solicitud del cliente en un endpoint particular, que es una URI (o ruta) y un método de solicitud HTTP específico (GET, POST, etc.).

Controladores: Son funciones que se encargan de manejar la lógica para una ruta específica. Separar la lógica del controlador de la definición de la ruta ayuda a mantener el código organizado y fácil de mantener.