1. Crea un archivo HTML:
Crea un archivo HTML en tu directorio de proyecto. Puedes llamarlo, por ejemplo, index.html. Abre el archivo con tu editor de texto favorito y agrega el siguiente contenido básico:
<!DOCTYPE html><html lang="es"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Express.js App</title></head><body><h1>Hola desde Express.js</h1><p>Bienvenido a mi aplicación Express.js con HTML.</p></body></html>
2. Modifica tu aplicación Express: Abre el archivo donde configuraste tu aplicación Express (por ejemplo, app.js o index.js). Ahora, modifica el código para que sirva tu archivo HTML cuando se acceda a la ruta principal (/).
const express = require('express');
const app = express();
const port = 3000;
// Configura Express para servir archivos estáticos desde el directorio 'public'
app.use(express.static('public'));
// Ruta principal que sirve el archivo HTML
app.get('/', (req, res) => {
res.sendFile(__dirname + '/public/index.html');
});
app.listen(port, () => {
console.log(`Servidor escuchando en http://localhost:${port}`);
});
Ejecuta tu aplicación Express: Guarda tus cambios y ejecuta tu aplicación Express.
node app.js
