TRABAJAR CON HTML EN NODE.JS: MÉTODOS Y EJEMPLOS

En post anteriores se ha visto como usar bases de datos con NodeJS y ahora quiero explicar como trabajar con html en NodeJS, cosa que es bastante sencilla. En este post se usará el módulo express y el módulo path. Los pasos a seguir son:
  1. Crear una carpeta "public" y dentro de esta carpeta otra carpeta para los estilos. Dentro de la carpeta "public" crear los ficheros ".html" necesarios. Este ejemplo se rearán el fichero "index.html" y el fichero "about.html".
  2. Dentro del fichero principal de nodeJs, en mi caso es "app.js".
  3. se introducirá el siguiente código:

    //Se inician los módulos express y path
    const express = require('express');
    const path = require('path');
    const app = express();
    
    //Se escucha el puerto 3000 pero podría ser cualquier otro, pero que no se esté usando.
    app.listen(3000, () => {
      console.log('Servidor corriendo en http://localhost:3000');
    });
    //configurar un middleware en una aplicación Express que sirve archivos estáticos, en este caso la carpeta public
    app.use(express.static(path.join(__dirname, 'public')));
    
    //Ruta para index.html
    app.get('/', (req, res) => {
      res.sendFile(path.join(__dirname, 'public', 'index.html'));
    });
    
    // Ruta para about.html
    app.get('/about', (req, res) => {
      res.sendFile(path.join(__dirname, 'public', 'about.html'));
    });
    
    process.on('SIGINT', async () => {
    //  await pool.end();
      console.log('Conexión a PostgreSQL cerrada');
      process.exit();
    });
    
si se introducen las rutas:
  • "localhost:3000/" Se muestra lo que se haya puesto en el fichero "index.html"
  • "localhost:3000/about.html" Se muestra lo que se haya puesto en el fichero "about.html"
Este post es un ejemplo sencillo para que se entienda el funcionamiento.