NodeJS and Express nos permite también crear sitios web totalmente funcionales utilizando solo nodejs, ya que nos permite configurar nuestro proyecto y permitirnos usar archivos estaticos asi como generar vistas en html css y javascript. Así como a su vez también nos permite usar motores de plantillas como ejs, pug/jade, etc.
En esta seccion aprenderemos a crear un sitio web usando bootstrap y luego aprenderemos lo basico para utilizar un motor de plantillas el cual utilizaremos pug pero primero tenermos que entender que son los middleware
Express es una infraestructura web de direccionamiento y middleware que tiene una funcionalidad mínima propia: una aplicación Express es fundamentalmente una serie de llamadas a funciones de middleware.
Las funciones de middleware son funciones que tienen acceso al objeto de solicitud (req), al objeto de respuesta (res) y a la siguiente función de middleware en el ciclo de solicitud/respuestas de la aplicación. La siguiente función de middleware se denota normalmente con una variable denominada next.
Las funciones de middleware pueden realizar las siguientes tareas:
Si la función de middleware actual no finaliza el ciclo de solicitud/respuestas, debe invocar next() para pasar el control a la siguiente función de middleware. De lo contrario, la solicitud quedará colgada.
Una aplicación Express puede utilizar los siguientes tipos de middleware:
Puede cargar middleware de nivel de aplicación y de nivel de direccionador con una vía de acceso de montaje opcional. También puede cargar una serie de funciones de middleware a la vez, lo que crea una subpila del sistema de middleware en un punto de montaje.
Para cargar la función de middleware, llame a app.use(), especificando la función de middleware. Por ejemplo, el siguiente código carga la función de middleware myLogger antes de la ruta a la vía de acceso raíz (/).
1let express = require('express'); 2let app = express(); 3 4let myLogger = function (req, res, next) { 5 console.log('LOGGED'); 6 next(); 7}; 8 9app.use(myLogger); 10 11app.get('/', function (req, res) { 12 res.send('Hello World!'); 13}); 14 15app.listen(3000);
Enlace el middleware de nivel de aplicación a una instancia del objeto de aplicación utilizando las funciones app.use() y app.METHOD(), donde METHOD es el método HTTP de la solicitud que maneja la función de middleware (por ejemplo, GET, POST, PUT o DELETE) en minúsculas.
Este ejemplo muestra una función de middleware sin ninguna vía de acceso de montaje. La función se ejecuta cada vez que la aplicación recibe una solicitud.
1let app = express(); 2 3app.use(function (req, res, next) { 4 console.log('Time:', Date.now()); 5 next(); 6});
Este ejemplo muestra una función de middleware montada en la vía de acceso /user/:id. La función se ejecuta para cualquier tipo de solicitud HTTP en la vía de acceso /user/:id.
1app.get('/user/:id', function (req, res, next) { 2 res.send('USER'); 3});
El middleware de nivel de direccionador funciona de la misma manera que el middleware de nivel de aplicación, excepto que está enlazado a una instancia de express.Router().
1let router = express.Router();
Defina las funciones de middleware de manejo de errores de la misma forma que otras funciones de middleware, excepto con cuatro argumentos en lugar de tres, específicamente con la firma (err, req, res, next):
1app.use(function(err, req, res, next) { 2 console.error(err.stack); 3 res.status(500).send('Something broke!'); 4});
Desde la versión 4.x, Express ya no depende de Connect. Excepto express.static, todas las funciones de middleware que se incluían previamente con Express están ahora en módulos diferentes. Consulte la lista de funciones de middleware.
express.static(root, [options]) La única función de middleware incorporado en Express es express.static. Esta función se basa en serve-static y es responsable del servicio de activos estáticos de una aplicación Express.
El argumento root especifica el directorio raíz desde el que se realiza el servicio de activos estáticos.
Utilice el middleware de terceros para añadir funcionalidad a las aplicaciones Express.
Instale el módulo Node.js para la funcionalidad necesaria y cárguelo en la aplicación a nivel de aplicación o a nivel de direccionador.
El siguiente ejemplo ilustra la instalación y carga de la función de middleware de análisis de cookies cookie-parser.
1$ npm install cookie-parser
Codigo Ejemplo:
1const express = require('express'); 2const app = express(); 3const cookieParser = require('cookie-parser'); 4 5// load the cookie-parsing middleware 6app.use(cookieParser());