Express Js es el marco de la aplicación web basado en la funcionalidad del servidor web Node.js que nos ayuda a crear los puntos finales de la aplicación que responden según el método de solicitud HTTP (POST, GET, etc.) y la ruta solicitada. El método res.sendFile() del módulo express.js se usa para representar un archivo HTML particular que está presente en la máquina local.
Sintaxis:
res.sendFile(path,[options],[fn])
Parámetros : el parámetro de ruta describe la ruta y el parámetro de opciones contiene varias propiedades como maxAge, root, etc. y fn es la función de devolución de llamada.
Devoluciones : Devuelve un Objeto.
Configuración del proyecto:
Paso 1: Instale Node.js si Node.js no está instalado en su máquina.
Paso 2: Cree una nueva carpeta llamada pública, dentro de las carpetas públicas. Cree dos archivos llamados index.html y products.html dentro de la carpeta pública.
Paso 3: Ahora, inicialice un nuevo proyecto Node.js con configuraciones predeterminadas usando el siguiente comando en la línea de comando.
npm init -y
Paso 5: ahora instale express dentro de su proyecto usando el siguiente comando en la línea de comando.
npm install express
Estructura del proyecto: después de seguir los pasos, se verá la estructura de su proyecto.
app.js
// Importing modules
const express = require('express');
const path = require('path');
const app = express();
app.get('/', (req, res) => {
// Sending our index.html file as
// response. In path.join() method
// __dirname is the directory where
// our app.js file is present. In
// this case __dirname is the root
// folder of the project.
res.sendFile(path.join(__dirname, '/public/index.html'));
});
app.get('/products', (req, res) => {
res.sendFile(path.join(__dirname, '/public/products.html'));
});
app.listen(3000, () => {
console.log('Server is up on port 3000');
});
index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content= "width=device-width, initial-scale=1.0" /> <title>HTML render demo</title> </head> <body> <h1>Home page</h1> </body> </html>
products.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content= "width=device-width, initial-scale=1.0" /> <title>HTML render demo</title> </head> <body> <h1>Products page</h1> </body> </html>
Ejecute el archivo app.js usando el siguiente comando:
node app.js
Salida: Abra el navegador y vaya a http://localhost:3000 y cambie manualmente a http://localhost:3000/products y verá la siguiente salida.
Publicación traducida automáticamente
Artículo escrito por shivamsingh00141 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA