Express.js es un marco web flexible de Node.js que proporciona un conjunto de funciones para aplicaciones móviles y web. Express tiene varios métodos proporcionados por muchos desarrolladores y uno de los métodos en Express es el enrutador, que se utiliza para desviar al usuario a diferentes páginas del sitio web según lo solicite.
Sintaxis:
express.Router([options]);
Parámetro: Esta función acepta los siguientes parámetros:
- caseSensitive: Habilita la distinción entre mayúsculas y minúsculas, lo que significa que si la ruta es ‘/contacto’, no significa que sea lo mismo que ‘/Contacto’, ‘/contacto’, etc. Por defecto, ignora la distinción entre mayúsculas y minúsculas.
- mergeParams: esta función está disponible en la versión express 4.5.0 y superior. Debe pasar mergeParams como verdadero si desea acceder a los parámetros desde la ruta principal a través de la ruta secundaria.
- estricto: habilita el enrutamiento estricto, significa que si la ruta es ‘/acerca de’ no significa que sea lo mismo que ‘/acerca de/’ por defecto es lo contrario.
Configuración del proyecto e instalación del módulo:
Paso 1: puede visitar el enlace para instalar el módulo Express . Puede instalar este paquete usando este comando.
npm install express
Paso 2: después de instalar el módulo express, puede verificar su versión express en el símbolo del sistema usando el comando.
npm version express
Paso 3: después de eso, puede simplemente crear una carpeta y agregar un archivo, por ejemplo, index.js. Para ejecutar este archivo, debe ejecutar el siguiente comando.
node index.js
Estructura del proyecto: Tendrá el siguiente aspecto.
Estructura del proyecto
Nombre de archivo- index.js:
Javascript
// Requiring module
const express = require('express');
const app = express();
// Port number
const port = process.env.PORT || 4000;
// import router which is exported
// in app.js file
const route = require('./routes/app.js');
// When a request comes from /result
// route.It divert to app.js
app.use('/result', route);
var visit_link = "<a" + " href=" + "/result"
+ 'style="color:green;"'
+ '"text-decoration:none;"'
+ '"text-size:20px" + ">"'
+ "Hello Geeks" + "</a>"
+ "<br> <br> Click Hello Geeks";
// Handling GET Request '/'
app.get('/', function(req, res) {
// Sending the html code as a string
res.send(visit_link);
});
// Server setup
app.listen(port, function(req, res) {
console.log("listen");
});
Método Router() en Express: cuando su aplicación web o móvil tiene muchas rutas, un desarrollador no puede mantener la legibilidad, limpieza, consistencia y corrección del código manteniendo todas las rutas en un solo archivo. Entonces, el desarrollador expreso tiene una idea más grande e introduce un método llamado Enrutador que ayuda al desarrollador a mantener todos los requisitos.
En este proyecto de ejemplo, cuando el usuario hace clic en Hello Geeks, se le redirige a http://localhost:4000/result. Cuando la solicitud contiene la ruta ‘/result’, el servidor ejecuta el archivo app.js que se encuentra dentro de la carpeta de rutas.
Nombre de archivo app.js
Javascript
// Requiring module
const app = require('express')
// Initiate router
const router = app.Router();
// Path Module
const path = require('path');
// Handling GET Request
router.get('/',function(req,res) {
res.sendFile(path.dirname(__dirname)
+ "/index.html")
})
// Exporting router variable
module.exports = router;
Nombre de archivo- index.html:
Después de la ejecución completa del archivo app.js, envía un archivo HTML a esa ruta en particular y lo muestra en el navegador.
HTML
<!DOCTYPE html> <html> <body> <img style="margin-left:auto; margin-right:auto; display: block;width: 50%;" src= "https://media.geeksforgeeks.org/wp-content/uploads/geeksforgeeks-15.png" alt="geeksforgeeks" width="500" height="250"> </body> </html>
Paso para ejecutar la aplicación: Ejecute el archivo index.js usando el siguiente comando:
node index.js
Salida: Ahora abra el navegador y vaya a http://localhost:4000/ , obtendrá la siguiente salida.
Modelo de trabajo de este proyecto.
Referencia: https://expressjs.com/en/5x/api.html#express.router
Publicación traducida automáticamente
Artículo escrito por debadebaduttapanda7 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA