¿Cómo instalar y configurar nuestro primer servidor Express?

Instalar y configurar un servidor Express no solo es un rito de iniciación esencial para todo desarrollador de backend, sino que es una habilidad fundamental que expande las capacidades para construir aplicaciones con Node.js. Comencemos por detallar los pasos necesarios para llevar a cabo esta importante tarea tecnológica.

¿Cómo instalar Express como dependencia de producción?

La instalación de Express como dependencia de producción se hace mediante npm (Node Package Manager). Esta dependencia es crucial porque será parte del entorno principal de nuestra aplicación, en contraste con las dependencias de desarrollo que solo se usan durante la fase de desarrollo.

Para instalar Express, abre tu terminal y ejecuta el siguiente comando:

fullscreen
npm install express

O si prefieres la forma abreviada:

fullscreen
npm i express

Posterior a la instalación, verifica que Express ha sido añadido a tu lista de dependencias de producción, probablemente con la versión 4.17, que es estable y comúnmente utilizada.

¿Cómo crear la aplicación y definir el puerto en Express?

Tras haber instalado Express, el siguiente paso es crear nuestro servidor básico. Vamos a requerir Express y establecer nuestra aplicación.

1. Requirir Express:

   • Inicia un archivo llamado index.js y añade el siguiente código para requerir Express:

   fullscreen
   const express = require('express');

2. Crear la aplicación:

   • Utiliza express() para inicializar la app.

   fullscreen
   const app = express();

3. Configurar el puerto:

   • Para definir en qué puerto escuchará nuestra aplicación, podrías seleccionar uno usual como el 3000. Configura el puerto de la siguiente forma:

   fullscreen
   const port = 3000;

¿Cómo definir rutas y configurar el callback de respuesta?

Definir rutas en Express es otro paso crucial. Aquí hay cómo puedes añadir una ruta básica que devuelva un mensaje simple.

1. Definir una ruta:

   • Implementa la ruta raíz utilizando app.get().

   fullscreen
   app.get('/', (req, res) => {
       res.send('Hola mi server en Express');
   });

2. Escuchar en el puerto configurado:

   • Para hacer que la aplicación escuche en el puerto definido, utiliza app.listen().

   fullscreen
   app.listen(port, () => {
       console.log(`Mi port: ${port}`);
   });

Es esencial recordar que console.log aparece como una alerta si estás usando ESLint debido a que no es una práctica recomendada en producción.

¿Cómo ejecutar la aplicación en el servidor?

Con la aplicación y configuración listas, ejecutemos la aplicación.

• Ejecutar en modo desarrollo:

  • Se puede usar nodemon para ejecutar la aplicación en modo desarrollo. Este comando inicia tu aplicación y se mantiene vigilante a cambios en el código:

  fullscreen
  nodemon index.js

Después de estos pasos, abre tu navegador preferido e ingresa a localhost:3000. Deberías ver el mensaje "Hola mi server en Express".

Esta demostración te sitúa directamente en el epicentro del desarrollo backend con Express. Experimenta cambiando el puerto y revisa la documentación oficial para ampliar tu conocimiento. ¿Te atreves a profundizar más en el fascinante mundo de Express?