¿Qué es el Middleware en Express.js?

Las funciones de middleware tienen acceso al objeto de solicitud y al objeto de respuesta y también a la siguiente función en el ciclo de vida de solicitud-respuesta de la aplicación.

Los middleware se utilizan para:

• Cambie el objeto de solicitud o respuesta.
• Ejecutar cualquier programa o código
• Terminar el ciclo de vida de solicitud-respuesta
• Llame al siguiente middleware.

La función next() se usa para llamar al siguiente middleware, sucediendo al middleware actual. Es muy importante tener en cuenta que el middleware debe detener el ciclo de vida actual o pasarlo al siguiente middleware; de ​​lo contrario, la página web seguirá cargándose.

Sintaxis de middleware: la sintaxis básica para las funciones de middleware es la siguiente:

app.get(path, (req, res, next) => {}, (req, res) => {})

La parte central (req,res,next)=>{} es la función de middleware. Aquí generalmente realizamos las acciones requeridas antes de que el usuario pueda ver la página web o llamar a los datos y muchas otras funciones. Entonces, creemos nuestro propio middleware y veamos sus usos.

Vamos a crear nuestro middleware y ver cómo se ejecuta.

Paso 1: vaya al directorio de su proyecto e ingrese el siguiente comando para crear un proyecto de NodeJs. Asegúrese de que NodeJs esté instalado en su máquina.

npm init -y

Creará un archivo package.json. 

Paso 2: Instale dos dependencias usando el siguiente comando.

npm install express nodemon

Paso 3: en la sección de secuencias de comandos del archivo package.json, agregue la siguiente línea de código.

"start": "nodemon index.js", 

Paso 4: Cree un archivo index.js en el directorio. Asegúrese de que no esté dentro de ningún subdirectorio del directorio en el que está trabajando.

Estructura del proyecto: Tendrá el siguiente aspecto. 

Estructura del proyecto

Ahora configuraremos nuestra aplicación express y enviaremos una respuesta a nuestro servidor .

Aquí está el código para el archivo index.js .

const express = require("express");
const app = express();
  
const port = process.env.port || 3000;
app.get("/", (req, res) => {
  res.send(`<div>
    <h2>Welcome to GeeksforGeeks</h2>
    <h5>Tutorial on Middleware</h5>
  </div>`);
});
app.listen(port, () => {
  console.log(`Listening to port ${port}`);
});

Paso para ejecutar la aplicación: Ejecute el código ingresando el siguiente comando en la terminal.

npm start

Producción:

Cree un Middleware: en la función app.get() , modifique de acuerdo con el siguiente código.

índice.js

app.get(
  "/",
  (req, res, next) => {
    console.log("hello");
    next();
  },
  (req, res) => {
    res.send(`<div>
    <h2>Welcome to GeeksforGeeks</h2>
    <h5>Tutorial on Middleware</h5>
  </div>`);
  }
);

Producción:

software intermedio