Express.js: El Framework Node.js Esencial para Desarrollo Web y Móvil

Express.js, a menudo llamado simplemente Express, es un framework de aplicaciones web de código abierto para Node.js que proporciona un conjunto robusto de características para crear aplicaciones web y API RESTful de forma eficiente. Es uno de los frameworks más populares para Node.js, reconocido por su flexibilidad, rendimiento y facilidad de uso. Al simplificar las tareas de bajo nivel relacionadas con las solicitudes y respuestas HTTP, Express.js libera a los desarrolladores para que se concentren en la lógica empresarial y la funcionalidad específica de la aplicación.

¿Por qué usar Express.js?
* Rendimiento: Express.js está construido sobre Node.js, conocido por su naturaleza asincrónica y su capacidad para manejar una gran cantidad de conexiones simultáneas. Esto lo convierte en una opción ideal para aplicaciones web que requieren alto rendimiento y escalabilidad.
* Flexibilidad: Express.js ofrece una gran cantidad de flexibilidad para crear diferentes tipos de aplicaciones, desde aplicaciones web simples hasta API RESTful complejas.
* Facilidad de uso: Express.js tiene una curva de aprendizaje relativamente suave, lo que lo convierte en una buena opción tanto para principiantes como para desarrolladores experimentados.
* Ecosistema vibrante: Express.js se beneficia de una gran comunidad de desarrolladores que contribuyen con bibliotecas, herramientas y recursos adicionales, lo que amplía aún más sus capacidades.

Fundamentos de Express.js

Instalación de Express.js
Para comenzar con Express.js, primero debes instalar Node.js en tu sistema. Una vez que lo tengas instalado, abre tu terminal o línea de comandos y ejecuta el siguiente comando para instalar Express.js como una dependencia de tu proyecto:
bash
npm install express


Creación de una aplicación básica
Comienza creando un nuevo archivo JavaScript llamado app.js y agrega el siguiente código:
«`javascript
const express = require(‘express’);
const app = express();

app.get(‘/’, (req, res) => {
res.send(‘¡Hola mundo!’);
});

app.listen(3000, () => {
console.log(‘Servidor escuchando en el puerto 3000’);
});
«
Este código crea una aplicación Express.js básica que responde con "¡Hola mundo!" cuando se accede a la ruta raíz (/). Para ejecutar la aplicación, simplemente escribenode app.js` en la terminal.

Manejo de Rutas en Express.js

Rutas GET
En Express.js, las rutas se definen usando el método app.get(). Este método toma dos argumentos:
* Ruta: La ruta a la que se debe acceder.
* Controlador: Una función que se ejecutará cuando se acceda a la ruta.
El ejemplo anterior muestra un ejemplo simple de una ruta GET.

Rutas POST
Las rutas POST se usan para enviar datos al servidor. Se definen usando el método app.post(). El controlador para una ruta POST generalmente recibe los datos enviados en el cuerpo de la solicitud.

Ejemplo de una ruta POST
«`javascript
app.post(‘/submit’, (req, res) => {
// Procesar los datos enviados en el cuerpo de la solicitud
console.log(req.body);

// Enviar una respuesta al cliente
res.send(‘Datos recibidos’);
});
«`

Middleware en Express.js

El middleware en Express.js es una función que se ejecuta antes de que se ejecute el controlador de la ruta. El middleware se usa para realizar tareas como:
* Autenticación: Verificar si un usuario está autenticado.
* Autorización: Verificar si un usuario tiene permiso para acceder a un recurso.
* Registro: Registrar información sobre las solicitudes entrantes.

Ejemplo de middleware
«`javascript
const express = require(‘express’);
const app = express();

// Middleware para registrar solicitudes
app.use((req, res, next) => {
console.log(Solicitud recibida en ${req.method} ${req.url});
next();
});

app.get(‘/’, (req, res) => {
res.send(‘¡Hola mundo!’);
});

app.listen(3000, () => {
console.log(‘Servidor escuchando en el puerto 3000’);
});
«`

Renderización de Vistas en Express.js

Express.js admite la renderización de vistas usando diferentes motores de plantillas como Pug, EJS y Handlebars. Para usar un motor de plantillas, debes instalarlo primero usando npm.

Ejemplo de renderización de vistas con Pug
«`javascript
const express = require(‘express’);
const app = express();

// Configurar el motor de plantillas Pug
app.set(‘view engine’, ‘pug’);

app.get(‘/’, (req, res) => {
// Pasar datos a la vista
const data = { title: ‘Mi página web’ };
res.render(‘index’, data);
});

app.listen(3000, () => {
console.log(‘Servidor escuchando en el puerto 3000’);
});
«`

Servir Archivos Estáticos en Express.js

Express.js admite la entrega de archivos estáticos como archivos CSS, JavaScript e imágenes desde un directorio específico. Para configurar esto, usa el método app.use():
«`javascript
const express = require(‘express’);
const app = express();

// Configurar la carpeta pública para archivos estáticos
app.use(express.static(‘public’));

// …

app.listen(3000, () => {
console.log(‘Servidor escuchando en el puerto 3000’);
});
«`

Objetos de Solicitud y Respuesta

En Express.js, cada solicitud HTTP se representa como un objeto req (solicitud) y cada respuesta HTTP se representa como un objeto res (respuesta). Estos objetos proporcionan métodos y propiedades para interactuar con las solicitudes y respuestas.

El objeto de solicitud (req)
* req.method: El método HTTP utilizado (GET, POST, PUT, DELETE, etc.).
* req.url: La URL solicitada.
* req.headers: Los encabezados de la solicitud HTTP.
* req.body: El cuerpo de la solicitud HTTP (solo para solicitudes POST).

El objeto de respuesta (res)
* res.send(): Envía una respuesta al cliente.
* res.json(): Envía una respuesta al cliente en formato JSON.
* res.sendFile(): Envía un archivo al cliente.
* res.status(): Configura el código de estado HTTP para la respuesta.

Ejemplo de enviar una respuesta JSON
«`javascript
app.get(‘/users’, (req, res) => {
// Datos de usuario
const users = [{ name: ‘Juan’, age: 30 }, { name: ‘Ana’, age: 25 }];

// Enviar una respuesta JSON
res.json(users);
});
«`

Manejo de Datos de Formularios con body-parser

Para procesar datos enviados en el cuerpo de una solicitud POST, se necesita un middleware adicional llamado body-parser. Este middleware analiza el cuerpo de la solicitud y lo convierte en un objeto JavaScript que se puede acceder a través de req.body.

Instalación de body-parser
bash
npm install body-parser


Uso de body-parser
«`javascript
const express = require(‘express’);
const bodyParser = require(‘body-parser’);
const app = express();

// Configurar body-parser
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());

// …

app.listen(3000, () => {
console.log(‘Servidor escuchando en el puerto 3000’);
});
«`

Servir Archivos Estáticos desde un Directorio Especifico

Para servir archivos estáticos desde un directorio específico, como una carpeta llamada «public» que contiene los archivos HTML, CSS y JavaScript, puedes usar el middleware express.static(). Esto permite a la aplicación servir estos archivos estáticos a los usuarios.

«`javascript
const express = require(‘express’);
const app = express();

// Configurar la carpeta «public» para servir archivos estáticos
app.use(express.static(‘public’));

// …

app.listen(3000, () => {
console.log(‘Servidor escuchando en el puerto 3000’);
});
«`

Conclusión

Express.js es una herramienta poderosa para el desarrollo de aplicaciones web y móviles con Node.js. Su enfoque minimalista, flexibilidad y rendimiento lo convierten en una opción popular para una variedad de proyectos, desde aplicaciones simples hasta API RESTful complejas. Al entender los conceptos clave como manejo de rutas, middleware y renderización de vistas, los desarrolladores pueden aprovechar las ventajas de Express.js para construir aplicaciones web y móviles robustas y escalables.