Introducción a Express.js: Crea una API REST con Node.js

08.12.23 | By Jesús Cárdenas
demo

Express.js es un marco web para Node.js que simplifica la creación de aplicaciones web robustas y escalables. En esta entrada, vamos a explorar tres conceptos esenciales para entender cómo Express maneja los datos en las solicitudes.

Configuración del Proyecto

Antes de comenzar, asegúrate de tener Node.js instalado en tu máquina. Luego, crea un nuevo directorio para tu proyecto e inicializa un nuevo proyecto de Node.js, ubica tu terminal en la carpeta de tu proyecto y ejecuta el siguiente comando:

Fragmento de código

npm init -y
npm i express

Este comando creará un archivo package.json en el directorio de tu proyecto. Este archivo contiene información sobre tu proyecto, como el nombre, la versión, las dependencias, etc. En este caso, el archivo package.json se verá algo así:

Fragmento de código

{
    "name": "express_sample",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
      "test": "echo "Error: no test specified" && exit 1"
    },
    "keywords": [],
    "author": "",
    "license": "ISC"
}

En este punto seria bueno agregar los comandos de start y dev en el archivo package.json para poder ejecutar nuestro proyecto con npm run start y npm run dev respectivamente. Esto lo hacemos agregando las siguientes lineas en el archivo package.json en la seccion de scripts:

Fragmento de código

"scripts": {
    "test": "echo "Error: no test specified" && exit 1",
    "start": "node index.js",
    "dev": "nodemon index.js"
},

Esto nos permitira ejecutar nuestro proyecto con npm run start y npm run dev respectivamente llegado el momento.

Nota
Para poder ejecutar nuestro proyecto con npm run dev necesitamos instalar nodemon con el siguiente comando:

npm install nodemon --save-dev

Recuerda que nodemon es una herramienta que nos permite ejecutar nuestro proyecto y que este se reinicie automaticamente cada vez que detecte un cambio en nuestro codigo.

Estuctura basica de proyecto Express

Es hora de dar vida a nuestro archivo principal. Para ello, procederemos a crear un archivo llamado index.js en la carpeta raíz de nuestro proyecto. Este archivo desempeñará el papel fundamental de punto de entrada para nuestra aplicación. En él, importaremos el módulo Express y generaremos una instancia de la aplicación. Posteriormente, configuraremos el servidor para atender las solicitudes en el puerto 3000. El contenido del archivo index.js será el siguiente:

Fragmento de código

const express = require('express');
const app = express();
const puerto = 3000;

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

app.listen(puerto, () => {
  console.log('Servidor escuchando en http://localhost:' + puerto);
});

Expliquemos

  • Línea 1: Importamos el módulo Express y lo asignamos a la constante express.
  • Línea 2: Creamos una instancia de la aplicación Express y la asignamos a la constante app.
  • Línea 3: Establecemos el puerto en el que se ejecutará nuestro servidor y lo asignamos a la constante puerto.
  • Línea 5: Establecemos una ruta GET para la ruta raíz de nuestro servidor. Esta ruta responderá con el mensaje ¡Hola, Express! cuando se realice una solicitud GET a la ruta raíz.
  • Línea 9: Iniciamos el servidor y lo configuramos para que escuche las solicitudes en el puerto 3000.

Pruebalo

Para probar nuestro servidor, ejecutemos el siguiente comando en la terminal:

Fragmento de código

npm run dev


Ahora, abre tu navegador y navega a http://localhost:3000. Deberías ver el mensaje ¡Hola, Express! en la pantalla.

De esta manera, hemos creado un servidor web básico con Express. En la siguiente entrada, exploraremos cómo manejar los datos en las solicitudes y como enviar respuestas a los clientes.

Esta es un version resumida y amigable de la documentacion oficial de Express Te invito a leer la documentacion oficial para mas detalles.

Express

Node

Ultimas Publicaciones


demo

Memoización en React: Mejorando la eficiencia con useMemo

03.03.24

demo

Formularios nativos en react

16.01.24

demo

Relato: El chico que entendía a las máquinas

16.01.24

demo

Introduccion Mongo Shell

27.12.23

demo

Agrega Bootstrap a tu proyecto de React

09.12.23