Post Top Ad

Your Ad Spot

martes, 30 de junio de 2020

Tutorial de rutas de Node.js

En nuestro último tutorial de Node.js, aprendimos cómo representar algunos html muy básicos en la pantalla. Por supuesto, un sitio web o aplicación real tendrá muchos archivos html diferentes para presentar al usuario. Por lo general, necesitará algún tipo de mecanismo de enrutamiento para manejar esto. En este episodio, veremos un ejemplo de rutas donde un usuario puede cargar diferentes URL en el navegador. Cada url diferente será una ruta diferente, que a su vez cargará una página html diferente desde el servidor node.js. Veamos cómo podemos configurar rutas Node.js muy básicas ahora.

Dos archivos HTML diferentes

Necesitamos tener al menos dos archivos html para demostrar el enrutamiento en Node.js. Seguiremos con el archivo simple index.html de la última lección, y también crearemos un nuevo archivo about.html en el proyecto. Aquí están esos dos archivos si está siguiendo.

index.html


about.html


Poner rutas en un archivo separado

Muchas veces en Node.js, habrá un archivo separado que contendrá todas las rutas para la aplicación. Este archivo JavaScript manejará las solicitudes HTTP entrantes y asignará rutas correctas según sea necesario. Como tal, creemos un nuevo archivo JavaScript llamado routes.js .
rutas de nodejs en un archivo separado
Entonces, ¿qué vamos a poner en este archivo routes.js? Bueno, lo que necesitamos configurar es exportar una función que luego podemos usar en el archivo server.js principal. Podemos comenzar con esto.

routes.js


Usando el módulo url

Para configurar el enrutamiento, la aplicación debe ser consciente de qué url se escribió en el navegador. Node.js tiene un módulo de URL que nos permite dividir una URL en todas sus partes legibles . Vamos a necesitar esto para configurar nuestro enrutamiento, así que incluyémoslo en nuestro archivo routes.js ahora.

Configurando nuestras dos rutas

Ahora estamos listos para configurar un par de rutas. Una ruta cargará la página index.html y la otra roue cargará el archivo about.html . La forma en que hacemos esto es determinar primero el camino. En el caso de encontrar una ruta de /, index.html se renderizará. En el caso de una ruta de /about.html, se representará about.html. Actualicemos el module.exports en routes.js al siguiente código.
En este código anterior, primero encontramos la ruta que nos interesa a través de url.parse () y pathname . Muy agradable.

Usando una switchdeclaración para enrutar

Ahora que tenemos la ruta, podemos usar una instrucción switch para cargar diferentes archivos html en función de lo que contiene la variable de ruta. Podemos ver que si la ruta contiene el valor de '/', entonces se llama a una función de procesamiento pasando el archivo './index.html' como argumento. Por otro lado, si la ruta contiene el valor de '/about.html', esa misma función de renderizado se activaría, pero esta vez tomaría la cadena de './about.html' como argumento. Por último, configuramos el escenario predeterminado que proporciona cualquier ruta que no existe. Tenga en cuenta que utilizamos un objeto Literal ES6 para almacenar la render()función que necesitamos. Aquí está nuestro archivo completo routes.js ahora.

routes.js


Importar routes.js a server.js

Lo último que tendremos que hacer es asegurarnos de que estamos importando routes.js a nuestro archivo server.js principal.

server.js

En el fragmento anterior, primero vemos que usamos let router = require ('./ routes'); para almacenar toda la lógica que acabamos de construir en routes.js directamente en esa routervariable. Ahora, cuando seguimos adelante y creamos el servidor, podemos hacer uso de la router.handleRequestfunción para procesar realmente las rutas. Muy genial. Vamos a encender nuestro servidor y probarlo en el navegador.
c: \ node> nodo server.js

Visitando http: // localhost: 8000 /

ruta index-html

Visitando http: // localhost: 8000 / about

ruta about-html
Incluso podemos intentar visitar una ruta jibberish como esta http: // localhost: 8000 / jibberish, y debido a que configuramos nuestra ruta para manejar esto, obtendremos un buen mensaje de error.
las rutas no funcionan

Resumen del tutorial de rutas de Node.js

En este tutorial, aprendimos cómo configurar rutas en Node.js desde cero. Esto nos ayuda a comprender los conceptos básicos de cómo funciona Node.js. En casi todos los casos, no tendría que configurar su propio enrutamiento en Node porque podría usar uno de los muchos marcos disponibles que hacen todo el trabajo duro por usted. Por ejemplo, Express.js podría usarse para simplificar enormemente lo que creamos anteriormente. Sin embargo, todavía es útil ver cómo hacerlo a la larga, por así decirlo, antes de usar un marco para facilitar las cosas.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas