Middleware en Express.js: Funciones para una aplicación modular

¿Qué es un middleware de Express.js?

Middleware se define como el código que existe entre dos capas del software. En nuestro al utilizar express, el middleware es todo aquel código que existe entre la capa request (petición) y la response (respuesta).

¿Cómo utilizar archivos estáticos en express?

Vamos a agregar una hoja de estilos a nuestra pagina de inicio, creamos el folder static dentro de este el folder css y dentro de este el archivo main.css.
```
// static/css/main.css
body {
    font-family: Helvetica, Arial, Verdana;
}
```

Vamos a nuestra aplicación y mediante use le decimos a express que todo lo que apunte a /css va a interpretarse como contenido estático localizado en el directorio /static/css.

// generar nuestra app
var app = express();

// cuando se busque 'assets' se redirecciona a 'static'
app.use("/css", express.static(__dirname + "/static/css"));

// ...

Ahora agregamos la hoja de estilo en el código html de nuestro home.

// cuando se busque 'assets' se redirecciona a 'static'
app.use("/css", express.static(__dirname + "/static/css"));

// ruta para el home
app.get("/", function (peticion, respuesta) {
    respuesta.send(`
        <html>
            <head>
                <link rel="stylesheet" href="/css/main.css" />
            </head>
            <body>
                <p>Pagina de inicio!</p>
            </body>
        </html>
    `);
});

Al refrescar la página http://localhost:3000/ podremos ver que los estilos de las fuentes han sido aplicados, también podemos explorar el código para examinar esta hoja de estilo.

Existe una lista de middlewares escritos por programadores listos para utilizarse, para ello podemos echar un vistazo a la pagina Third-party middleware.

Middleware en Express.js: Funciones para una aplicación modular

¿Qué es un middleware de Express.js?

¿Cómo utilizar archivos estáticos en express?

VPN

Moda

Accesorios