Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Configuración de una Aplicación Express.js | Desarrollo de Aplicaciones Web con Express.js
Desarrollo Backend con Node.js y Express.js

bookConfiguración de una Aplicación Express.js

Vamos a crear nuestra primera aplicación backend con Express.js. ¿Listo para comenzar?

Instalación de Express.js

Crea un nuevo directorio para la aplicación y abre la carpeta en el editor de código. Ya estamos listos para empezar. En la terminal, ejecuta este comando:

npm install express

Es como pedir Express.js en una tienda de aplicaciones virtual, y npm es nuestro servicio de entrega.

Como resultado, obtenemos la siguiente estructura de archivos y carpetas de nuestra aplicación:

Estructura básica del proyecto:

  • node_modules - Contiene los paquetes instalados;
  • package.json y package-lock.json - Lista de dependencias y scripts del proyecto;
  • app.js o index.js - Punto de entrada para la aplicación Express. Se crea manualmente.

🏗️ Crear la primera aplicación Express

Crear un servidor web simple utilizando Node.js y el framework Express.js. Seguir los siguientes pasos:

Paso 1: Importar Express

Como biblioteca, primero es necesario importarla en nuestro archivo:

const express = require('express');

Paso 2: Creación de una instancia de aplicación Express

Se crea una instancia de la aplicación Express. Esta variable app se utilizará para configurar y definir el comportamiento del servidor web.

const app = express();

Paso 3: Definir el puerto

Se define el número de puerto en el que el servidor escuchará. En este caso, está configurado en 3000, pero se puede elegir cualquier número de puerto disponible.

const port = 3000;

Paso 4: Definición de una ruta

Se configura una ruta para manejar solicitudes HTTP GET a la URL raíz (/). Cuando un cliente (normalmente un navegador web) accede a la URL raíz del servidor, responde con Hello, World!.

app.get('/', (req, res) => {
  res.send('Hello, World!');
});
  • app.get('/') - Define una ruta para manejar solicitudes GET al camino raíz (/). Se pueden definir rutas para diferentes métodos HTTP (GET, POST, PUT, DELETE, etc.);
  • (req, res) => { ... } - Es una función de devolución de llamada que se ejecuta cuando un cliente realiza una solicitud GET a la ruta especificada. Toma dos argumentos: req (el objeto de solicitud) y res (el objeto de respuesta). En este caso, simplemente envía el texto Hello, World! como respuesta.

Paso 5: Iniciar el servidor

Iniciar el servidor y hacer que escuche en el puerto especificado (en este caso, el puerto 3000). Cuando el servidor se inicia correctamente, muestra un mensaje en la consola indicando en qué puerto está escuchando.

app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

app.listen(port, ...) - Este método inicia el servidor y lo pone a escuchar en el puerto especificado. El segundo argumento es una función de devolución de llamada que se ejecuta una vez que el servidor está en funcionamiento.

Paso 6: Ejecutar la aplicación

Ejecutar la aplicación en la terminal utilizando el comando node.

node index

🌐 Después de ejecutar el script

El servidor estará en funcionamiento y se podrá acceder abriendo un navegador web y navegando a http://localhost:3000. Se debe visualizar Hello, World! en el navegador.

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 4

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Awesome!

Completion rate improved to 2.56

bookConfiguración de una Aplicación Express.js

Desliza para mostrar el menú

Vamos a crear nuestra primera aplicación backend con Express.js. ¿Listo para comenzar?

Instalación de Express.js

Crea un nuevo directorio para la aplicación y abre la carpeta en el editor de código. Ya estamos listos para empezar. En la terminal, ejecuta este comando:

npm install express

Es como pedir Express.js en una tienda de aplicaciones virtual, y npm es nuestro servicio de entrega.

Como resultado, obtenemos la siguiente estructura de archivos y carpetas de nuestra aplicación:

Estructura básica del proyecto:

  • node_modules - Contiene los paquetes instalados;
  • package.json y package-lock.json - Lista de dependencias y scripts del proyecto;
  • app.js o index.js - Punto de entrada para la aplicación Express. Se crea manualmente.

🏗️ Crear la primera aplicación Express

Crear un servidor web simple utilizando Node.js y el framework Express.js. Seguir los siguientes pasos:

Paso 1: Importar Express

Como biblioteca, primero es necesario importarla en nuestro archivo:

const express = require('express');

Paso 2: Creación de una instancia de aplicación Express

Se crea una instancia de la aplicación Express. Esta variable app se utilizará para configurar y definir el comportamiento del servidor web.

const app = express();

Paso 3: Definir el puerto

Se define el número de puerto en el que el servidor escuchará. En este caso, está configurado en 3000, pero se puede elegir cualquier número de puerto disponible.

const port = 3000;

Paso 4: Definición de una ruta

Se configura una ruta para manejar solicitudes HTTP GET a la URL raíz (/). Cuando un cliente (normalmente un navegador web) accede a la URL raíz del servidor, responde con Hello, World!.

app.get('/', (req, res) => {
  res.send('Hello, World!');
});
  • app.get('/') - Define una ruta para manejar solicitudes GET al camino raíz (/). Se pueden definir rutas para diferentes métodos HTTP (GET, POST, PUT, DELETE, etc.);
  • (req, res) => { ... } - Es una función de devolución de llamada que se ejecuta cuando un cliente realiza una solicitud GET a la ruta especificada. Toma dos argumentos: req (el objeto de solicitud) y res (el objeto de respuesta). En este caso, simplemente envía el texto Hello, World! como respuesta.

Paso 5: Iniciar el servidor

Iniciar el servidor y hacer que escuche en el puerto especificado (en este caso, el puerto 3000). Cuando el servidor se inicia correctamente, muestra un mensaje en la consola indicando en qué puerto está escuchando.

app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

app.listen(port, ...) - Este método inicia el servidor y lo pone a escuchar en el puerto especificado. El segundo argumento es una función de devolución de llamada que se ejecuta una vez que el servidor está en funcionamiento.

Paso 6: Ejecutar la aplicación

Ejecutar la aplicación en la terminal utilizando el comando node.

node index

🌐 Después de ejecutar el script

El servidor estará en funcionamiento y se podrá acceder abriendo un navegador web y navegando a http://localhost:3000. Se debe visualizar Hello, World! en el navegador.

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 4
some-alt