Introducción a express js
Antes de comenzar a utilizar express se necesita cumplir con los siguientes requisitos:
- Instalar NodeJS. En los siguientes enlaces encontrarás guías de cómo realizarlo: tuto1, tuto2, tuto3
- También deberás contar con un editor de código de tu preferencia. Personalmente me gusta utilizar visual studio code, así que te dejo el enlace de descarga aquí.
Introducción
Expressjs es un framework rápido, minimalista y flexible de Node.js. Permite crear APIs y aplicaciones web fácilmente, provee un conjunto de características como manejo de rutas (direccionamiento), archivos estáticos, uso de motor de plantillas, integración con bases de datos, manejo de errores, middlewares entre otras.
Instalación
Lo primero que se debe hacer es crear una carpeta, la cual se podrá colocar en la ubicación que desees, en este ejemplo yo la crearé en mi escritorio.
Después de crear la carpeta se necesita inicializar un proyecto dentro de la misma, utilizando el comando npm init — yes. Para ello abriremos la terminal e ingresaremos a la ubicación de la carpeta.
El flag — yes permite crear el archivo package.json con la información por defecto como se muestra en la imagen anterior.
El siguiente paso es instalar Express en nuestro proyecto, lo haremos con la ayuda de npm, el comando necesario para instalarlo es el siguiente:
npm install express
En la siguiente imagen se puede ver que se instaló correctamente express en su versión 4.16.4. Al instalarse un nuevo paquete de npm se creará una carpeta dentro del proyecto llamada node_modules, es aquí donde se podrán encontrar todos los paquetes que se hayan instalado.
Ahora abriremos nuestra carpeta con el editor de código de nuestra elección, en este ejemplo estaré usando Visual Studio Code.
Como se puede observar se creó la carpeta node_modules, en la cual se puede encontrar el paquete de express.
Con esto estaremos listos para comenzar con nuestro primer “Hola mundo en express”.
Mi primer Hola mundo en express
Se necesita crear un archivo que será el punto de entrada de la aplicación, en el cual se declararán las rutas y se inicializará el servidor, a este archivo lo llamaremos index.js.
Lo primero que se debe hacer es cargar el paquete de express, esto se se hace a través de la función require de Node.js.
const express = require(‘express’);
Se declara un puerto en el que va a estar esperando peticiones el servidor.
const port = 3000;
Se crea una aplicación express. Tendremos un objeto app con el cual se definirán rutas, middlewares y demás características con las que cuenta express.
const app = express();
Después de eso continuamos con la declaración de rutas. Express permite definir rutas que corresponden a métodos HTTP como son peticiones GET, POST, PUT, DELETE. Por ejemplo, si se quiere responder a una petición GET a través de la url http://localhost:300/api/users, se utilizará el método app.get() del objeto express que se creó en el paso anterior.
Entonces procederemos a definir una ruta que responda a la url http://localhost:300/hello, nuestro “Hola Mundo”.
app.get(‘/hello’, (req, res) => {
res.send(‘Hola Mundo’);
});
El método app.get() recibe dos parámetros, el primero es la ruta que se quiere definir y el segundo es una función callback que se encargará de responder a dicha petición. Esta función callback recibe el objeto req (request) y res (response).
El objeto req proporciona toda la información referente a la petición como url, parámetros, método, headers enviados por el cliente, etc.
El objeto res representa la respuesta HTTP que express envía al cliente. Proporciona diversos métodos y propiedades que facilitan el envío de respuestas al cliente como son:
- res.send()
- res.sendFile()
- res.sendStatus()
- res.render()
- res.json()
- res.jsonp()
- res.set()
Por ello en el código del ejemplo anterior se utiliza el método res.send(‘Hola Mundo’) para enviarle una respuesta al cliente.
res.send(‘Hola Mundo’);
Por último se indica en cual puerto estará esperando peticiones nuestro servidor.
app.listen(port, () => {
console.log(`Servidor iniciado en el puerto ${port}`)
});
Una vez que se ha creado el servidor, la aplicación iniciará con el siguiente comando:
Abriremos el navegador e ingresaremos a la url http://localhost:300/hello que definimos y se puede ver la respuesta “Hola Mundo” que se está enviando al cliente.
Código completo
Conclusión
Como pueden ver, crear un servidor usando express js es muy fácil, express js incorpora muchas funcionalidades que permitirán desarrollar APIs y aplicaciones web muy fácilmente.
