🥇 Middleware.

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).

🍿 Utilizando archivos estáticos.

  1. 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;
    }
    
  2. 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'));
    
    // ...
    
  3. 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, tambien podemos explorar el codigo 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.

Enrutamiento en express. Templates.
comments powered by Disqus