¿Qué es Express?

¿Qué es Express?

Antes de empezar con el protagonista de este artículo, tenemos que hablar de una tecnología muy importante que deberíamos conocer antes de comenzar nuestro camino. Se trata nada más y nada menos que de Node.js.

¿Qué es Node.js?

Node.js es un entorno de ejecución multiplataforma de código abierto basado en JavaScript.

Para comprender un poco el porqué de la existencia de Node.js, idealmente deberíamos tener conocimientos básicos sobre JavaScript y cómo funciona.

Antes de la creación de Node.js, no existía la posibilidad de ejecutar JavaScript en el lado del servidor de forma nativa. Originalmente, JavaScript estaba diseñado para el frontend y se ejecutaba del lado del cliente en los navegadores. Con el tiempo, su versatilidad llevó a su expansión hacia el backend.

Por otra parte, antes de la creación de Node.js se requerían tecnologías de terceros como SpiderMonkey y JScript para poder utilizar JavaScript en el servidor. El propósito inicial de JavaScript era mejorar la interacción entre las páginas web y los usuarios, facilitando la creación de funcionalidades complejas y mejorando la fluidez de las interfaces de usuario (UI).

Sin embargo, con la creación de Node.js, se estableció un entorno de ejecución de JavaScript del lado del servidor, lo que permitió su uso en la construcción de aplicaciones fullstack.

Así, JavaScript se convirtió en un lenguaje que puede ser utilizado tanto en el desarrollo frontend como en el backend de aplicaciones web.

Ahora sí, con esta pequeña introducción, hablemos de Express.

¿Qué es Express?

Express es uno de los frameworks backend más populares para el desarrollo web con Node.js y casi se ha convertido en un estándar para aplicaciones construidas con Node. Ofrece características robustas, es liviano y permite una rápida implementación, lo que lo hace una excelente opción para crear backends escalables, mantenibles y con alto rendimiento.

Express proporciona una capa adicional que facilita el enrutamiento y el manejo de solicitudes y respuestas HTTP, lo que lo hace ideal para desplegar aplicaciones.

¿Por qué utilizar Express?

Una de las mayores ventajas y razones para sugerir el uso de Express es su enfoque simple y minimalista. La curva de aprendizaje es baja, especialmente para aquéllos ya familiarizados con JavaScript. Esto hace que el desarrollo sea divertido y amigable, sin sacrificar la flexibilidad.

Express no impone una estructura rígida, lo que permite adaptarlo fácilmente a las necesidades específicas del proyecto. Además, su alta compatibilidad con otras tecnologías y la capacidad de agregar middleware y paquetes facilitan el manejo de sesiones, seguridad, autenticación y otras funcionalidades de manera eficiente.

Otra gran ventaja es que Express es un proyecto de código abierto que se actualiza constantemente y cuenta con una gran comunidad. Esto brinda acceso a abundante documentación, tutoriales y recursos en línea, lo que enriquece significativamente el proceso de aprendizaje.

¿Cómo saber si debo usar Express en mis desarrollos?

La decisión de utilizar Express dependerá de algunas consideraciones:

Si construyes una aplicación web de una sola página, híbrida o con varias páginas; un servidor para cualquier tipo de aplicación o desarrollando APIs, Express será definitivamente una excelente opción.

Es ideal para quienes desean evitar complejidades innecesarias en el desarrollo sin sacrificar el rendimiento y la eficiencia tanto del framework como del código.

¿Quiénes respaldan el uso de Node.js y Express?

Express cuenta con el soporte de organizaciones y empresas reconocidas que han implementado el framework en sus desarrollos. Algunos ejemplos incluyen: Walmart, Paypal, Uber, Netflix y LinkedIn, entre otras.

Primeros pasos en Express

Paso 1: Instalación

Lo primero que necesitas es crear un nuevo proyecto de Node.js y luego instalar Express como dependencia.

Abre una terminal y, a continuación, ejecuta los siguientes comandos:

mkdir nuevo-proyecto

cd nuevo-proyecto

npm init -y

npm install express

Esto creará una carpeta llamada nuevo-proyecto, inicializará un archivo package.json con la configuración por defecto de Node y, seguido de esto, instalará Express.

Paso 2: Crear un servidor básico

Crea un archivo llamado app.js en la carpeta raíz de tu proyecto y agrega el siguiente código para crear un servidor web básico con Express:

const express = require('express')

const app = express()

const port = 3000

app.get('/', (req, res) => {

res.send('Hola mundo')

})

app.listen(port, () => {

console.log(`Servidor en ejecución en http://localhost:${port}`)

})

Este código importa Express, crea una instancia de la aplicación, define una ruta para la ruta raíz ("/") y configura el servidor para escuchar en el puerto 3000. Cuando se acceda a http://localhost:3000 en tu navegador, deberías ver el mensaje "Hola mundo".

Paso 3: Agregar más rutas

Puedes agregar más rutas y respuestas a tu aplicación Express. Por ejemplo, podrías agregar una ruta para una página de Home y otra para una página de Product. Aquí tienes un ejemplo:

app.get('/about', (req, res) => {

res.send('Home')

})

app.get('/contact', (req, res) => {

res.send('Product')

})

Paso 4: Middleware

Middleware son funciones que se ejecutan en el flujo de solicitud y respuesta. Pueden hacer diversas tareas antes de enviar una respuesta al cliente. Los middleware son una parte fundamental en Express y permiten agregar funcionalidades adicionales a cualquier aplicación de manera modular y reutilizable. Puedes agregar middleware utilizando app.use(). Por ejemplo:

app.use(express.json())

Este middleware permitirá que tu aplicación maneje datos en formato JSON en las solicitudes entrantes.

Además, puedes crear tus propios middleware personalizados para realizar funcionalidades y procesos específicos en tus rutas. Un middleware personalizado es simplemente una función que toma tres argumentos: req, res y next. Debes llamar a next() dentro del middleware para pasar la solicitud al siguiente middleware en la cadena. Por ejemplo:

function miMiddleware(req, res, next) {

// Realizar alguna tarea antes de pasar al siguiente middleware o enviar la respuesta

console.log('Mi propio middleware ejecutándose')

next()

}

app.use(miMiddleware)

Espero que este artículo sea de ayuda para ti en tus futuros desarrollos.

¡Hasta la próxima!

💡
Las opiniones y comentarios emitidos en este artículo son propiedad única de su autor y no necesariamente representan el punto de vista de Listopro.

Listopro Community da la bienvenida a todas las razas, etnias, nacionalidades, credos, géneros, orientaciones, puntos de vista e ideologías, siempre y cuando promuevan la diversidad, la equidad, la inclusión y el crecimiento profesional de los profesionales en tecnología.