En este tema, aprenderás a configurar una aplicación básica utilizando el framework Express.js. Express es un framework web minimalista y flexible para Node.js que proporciona un conjunto robusto de características para aplicaciones web y móviles.

• Instalar Express.js.
• Crear una aplicación básica de Express.
• Configurar el servidor para que escuche en un puerto específico.
• Entender la estructura básica de una aplicación Express.

• Conocimientos básicos de Node.js.
• Tener Node.js y npm instalados en tu sistema.

Primero, crea un directorio para tu proyecto y navega a él desde la terminal:

Inicializa un nuevo proyecto Node.js:

Este comando creará un archivo package.json con la configuración predeterminada.

Instala Express.js utilizando npm:

Esto añadirá Express como una dependencia en tu archivo package.json.

Crea un archivo llamado app.js en el directorio raíz de tu proyecto. Este archivo será el punto de entrada de tu aplicación Express.

Abre app.js y añade el siguiente código para configurar un servidor básico:

1. Importar el módulo Express:

   const express = require('express');
   

   Esto importa el módulo Express en tu aplicación.

2. Crear una instancia de la aplicación Express:

   const app = express();
   

   app es una instancia de Express que se utilizará para configurar y manejar las rutas y middleware.

3. Definir una ruta básica:

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

   Aquí definimos una ruta GET para la raíz (/) de nuestra aplicación. Cuando un usuario accede a esta ruta, el servidor responde con "¡Hola, mundo!".

4. Configurar el servidor para que escuche en el puerto 3000:

   const PORT = 3000;
   app.listen(PORT, () => {
     console.log(`Servidor escuchando en http://localhost:${PORT}`);
   });
   

   app.listen inicia el servidor y lo configura para que escuche en el puerto 3000. La función de callback se ejecuta cuando el servidor comienza a escuchar.

Para ejecutar tu aplicación, usa el siguiente comando en la terminal:

Deberías ver el mensaje "Servidor escuchando en http://localhost:3000" en la terminal. Abre tu navegador y navega a http://localhost:3000 para ver el mensaje "¡Hola, mundo!".

Añade una nueva ruta a tu aplicación que responda con "¡Bienvenido a Express!" cuando se acceda a /welcome.

Solución

Añade el siguiente código a app.js:

Modifica tu aplicación para que escuche en el puerto 4000 en lugar de 3000.

Solución

Cambia la línea que define el puerto en app.js:

En esta lección, has aprendido a configurar una aplicación básica de Express. Has instalado Express, creado una aplicación, definido rutas y configurado el servidor para que escuche en un puerto específico. Estos son los fundamentos que te permitirán construir aplicaciones web más complejas utilizando Express.

En la próxima lección, exploraremos el uso de middleware en Express para manejar solicitudes y respuestas de manera más eficiente.