Introducción:

¡Hola! Si es nuevo en Node.js, probablemente haya oído hablar de Express.js, un marco liviano, rápido y flexible para crear servidores web y API. En esta guía, lo guiaré a través de los conceptos básicos de Express y le mostraré lo fácil que es comenzar.

¿Listo? ¡Vamos a sumergirnos!

1. Instalando Express

Lo primero es lo primero, instalemos Express. Asegúrese de tener Node.js y npm (administrador de paquetes de Node) configurados en su máquina. Una vez que esté listo, abra su terminal y ejecute este comando:

npm install express

¡Auge! Acaba de instalar Express en su proyecto. Es así de simple.

2. Creando su primer servidor Express

¡Ahora construyamos algo! Así es como puedes crear un servidor Express súper simple que escuche las solicitudes y responda con "Hola mundo" cuando alguien visita tu sitio.

const express = require('express');  // Import Express
const app = express();  // Initialize your Express app

app.get('/', (req, res) => {  // Set up a route for GET requests to the root URL
  res.send('Hello World');  // Send a response
});

app.listen(3000, () => {  // Tell the app to listen on port 3000
  console.log('Server is running on port 3000');
});

Si ejecuta esto con node app.js y abre http://localhost:3000 en su navegador, verá "Hola mundo". ¡Así de fácil es poner en funcionamiento un servidor!

3. ¿Qué es el middleware?

Es posible que hayas escuchado mucho el término "middleware". En pocas palabras, el middleware es solo una función que se ejecuta entre la recepción de una solicitud y el envío de una respuesta.

Veamos un ejemplo sencillo:

app.use((req, res, next) => {
  console.log('Request received');
  next();  // Moves to the next middleware or route
});

En este caso, cada vez que se realiza una solicitud, registra "Solicitud recibida" en la consola. La función next() es crucial aquí porque permite que la solicitud continúe a la siguiente función de middleware o controlador de ruta. Sin él, la solicitud se detendría y no se enviaría ninguna respuesta.

Si está interesado en obtener más información sobre cómo funciona el middleware en detalle, consulte Comprender el middleware en Express.js con Node.js. Cubre diferentes tipos de middleware, como middleware a nivel de enrutador y de manejo de errores.

4. Enrutamiento: la columna vertebral de su aplicación

El enrutamiento es la forma en que configuras diferentes URL en tu aplicación. Ya vio una ruta básica para la ruta raíz (/), pero también puede manejar otros métodos HTTP, como POST, para manejar envíos de formularios o actualizaciones de datos.

app.post('/submit', (req, res) => {
  res.send('Form submitted!');
});

Ahora, cuando un usuario envía un formulario a /submit, esta ruta lo manejará. Puedes crear tantas rutas como necesites: ¡Express lo hace fácil!

5. Sirviendo archivos estáticos

¿Qué sucede si desea publicar imágenes, archivos CSS u otros activos estáticos? ¡Express lo tiene cubierto! Simplemente coloque esos archivos en una carpeta, como pública, y dígale a Express dónde encontrarlos:

app.use(express.static('public'));

Ahora, el navegador puede acceder directamente a cualquier archivo dentro de la carpeta pública (como style.css o una imagen).

6. Manejo de datos JSON

En las aplicaciones modernas, a menudo necesitarás manejar datos JSON, tal vez desde un formulario o una solicitud de API. Express hace que esto sea súper fácil:

app.use(express.json());  // Add this middleware to parse JSON

app.post('/data', (req, res) => {
  console.log(req.body);  // Access the parsed JSON data
  res.send('Data received!');
});

Ahora, cuando se envía una solicitud POST con datos JSON a /data, Express analizará automáticamente el JSON y podrá acceder a él en req.body. Sencillo, ¿verdad?

Resumiendo todo

Y ahí lo tiene: ¡una introducción rápida y sencilla a Express.js! Con sólo unas pocas líneas de código, has aprendido a:

• Instalar rápido,
• Configurar un servidor básico,
• Usar middleware,
• Manejar diferentes rutas,
• Servir archivos estáticos,
• Y trabajar con datos JSON.

Express es un marco poderoso que hace que la creación de servidores web y API sea divertida y sencilla. A medida que se sienta más cómodo, podrá comenzar a explorar funciones más avanzadas, como enrutadores, manejo de errores o incluso la integración con una base de datos.

Consejos profesionales para tu viaje exprés

• Usa nodemon: Reinicia automáticamente tu servidor cuando realizas cambios. Simplemente ejecute npm install -g nodemon y use nodemon app.js en lugar de node app.js.
• Estructura tu aplicación: A medida que tu proyecto crezca, querrás organizar tus rutas y controladores en archivos separados. Esto mantiene su código limpio y manejable.

¡Espero que esta guía te ayude a comenzar con Express! Sigue experimentando y, antes de que te des cuenta, estarás creando aplicaciones web increíbles como un profesional.

¡Feliz codificación!