Creación de una aplicación web básica con Express

Express es un framework para Node.js que simplifica la creación de aplicaciones web. En este punto del curso, vamos a crear una aplicación web básica con Express.

Instalación de Express

Para crear una aplicación web con Express, lo primero que debemos hacer es instalarlo. Podemos hacerlo mediante npm:

npm install express --save

El flag –save nos permite guardar la dependencia en el archivo package.json de nuestro proyecto, para que otras personas que descarguen nuestro código puedan instalar automáticamente todas las dependencias.

Creación de la aplicación web

Para crear la aplicación web, primero debemos crear un archivo app.js (o como queramos llamarlo) en el directorio raíz de nuestro proyecto. En este archivo, vamos a requerir Express y crear nuestra aplicación:

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

En este ejemplo, estamos requiriendo Express y creando una instancia de la aplicación, que posteriormente utilizaremos para configurar las rutas y el comportamiento de la aplicación.

Configuración de rutas

Una vez que tenemos la aplicación creada, podemos configurar las rutas que queremos utilizar en ella. Las rutas son las URLs en las que los usuarios pueden acceder a nuestra aplicación.

Por ejemplo, si queremos crear una ruta para la página de inicio de nuestra aplicación, podemos hacer lo siguiente:

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

En este ejemplo, estamos configurando una ruta GET para la URL /, que se utiliza para la página de inicio de la aplicación. Cuando un usuario accede a esta URL, nuestra aplicación envía la respuesta ‘¡Hola, mundo!’ al navegador del usuario.

Lanzamiento de la aplicación

Una vez que hemos configurado las rutas que queremos utilizar en nuestra aplicación, podemos lanzarla mediante el siguiente código:

app.listen(3000, () => {
  console.log('La aplicación está corriendo en el puerto 3000.');
});

En este ejemplo, estamos utilizando el método listen de la aplicación para lanzar nuestra aplicación. Esto hará que nuestra aplicación escuche las conexiones en el puerto 3000 (o cualquier otro puerto que especifiquemos).

Ejemplo completo

A continuación, un ejemplo completo de una aplicación web básica con Express:

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

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

app.get('/usuarios', (req, res) => {
  res.send('¡Lista de usuarios!');
});

app.listen(3000, () => {
  console.log('La aplicación está corriendo en el puerto 3000.');
});

En este ejemplo, estamos configurando dos rutas: una para la página de inicio de la aplicación (/) y otra para la página de lista de usuarios (/usuarios). Cada vez que un usuario accede a una de estas URLs, nuestra aplicación envía una respuesta al navegador del usuario.

Anterior…Siguiente

[mwai_chat]