params node js

Cómo obtener datos de PARAMS en método get: Node js

Dentro de la solicitud que hacemos al servidor, directamente en la URL podemos incluir parámtros de búsqueda usando PARAMS Node js. Es por esto que en esta quita sesión de la escuela desarrollo web con Node JS veremos qué es y cómo usar PARAMS Node js para obtener y tratar los datos correctamente.

Lo que vas a necesitar

Antes de iniciar te comparto los enlaces que vas a necesitar par el proceso:

  • Repositorio: haz click aquí para ver el repositorio en el commit actual de esta sesión.
  • Replace: haz click aquí para ver la documentación de “replace javascript”.
  • ToLowerCase: haz click aquí para ver la documentación de “toLowerCase Javascript”.

Qué es Params

params
API Mailchimp NodeJS: cómo conectar y crear miembros en lista

Como sabemos uno de los mejores métodos para promover nuestro negocio es email marketing y si usamos…

Google Auth2.0 NodeJS: inicio de sesión con google

Una de las herramientas más importantes para nuestro sitio o desarrollo web es el inicio de sesión, …

crud mongodb atlas
CRUD Mongodb Atlas

En esta sexta sesión de la escuela desarrollo web con Node Js veremos cómo implementar CRUD Mongodb …

Como vimos en sesiones pasadas, para poder dar respuesta a una solicitud usamos el método GET, pero este método también es personalizable para poder obtener datos de diferentes formas y una de estas es PARAMS. Params permite que dentro del método GET, en la URL de solicitud, se incluyan parámetros o filtros de búsqueda para así, ser tratados en el back-end.

Este es un ejemplo:

www.sitioweb/este-es-un-parametro

Así mismo podemos ver miles de ejemplos en internet, donde luego del primer “/” las solicitudes pueden incluir en el método get, diferentes parámetros de búsqueda.

Crear URLS personalizadas para blog

El objetivo es crear una URL personalizada para que al hacer click en el enlace, la web nos lleve (como cualquier otro sitio web) a ver el blog en una única página con su URL personalizada, preferiblemente el título del post y para esto lo haremos de la siguiente forma:

En Home, que es donde mostramos las entradas, vamos a hacer dos pasos fundamentales:

  1. Recorrer el arreglo de las entradas con FOREACH, que ya teníamos como boceto llamado “nuevasEntradas” y convertir la propiedad “titulo” en una URL, reemplazando los espacios por guiones y adicional, todo a minúscula, con esta línea:
let urlEntrada = (element.titulo.replace(/ /g, "-")).toLowerCase();
  1. Crear nuevo objeto que contenga todas las propiedades y valores del primer arreglo pero adicional, la nueva url. Luego ponerlo en un nuevo arreglo llamado “nuevasEntradas”, con el método push:
let nuevoDoc = {
            fecha: element.fecha,
            titulo: element.titulo,
            contenido: element.contenido,
            url: urlEntrada
        }
nuevasEntradas.push(nuevoDoc);
  1. Renderizamos todo a home, solo cambiando el valor de la propiedad ya puesta en la sesión pasada:
res.render("home", {todasEntradas: nuevasEntradas});
  1. Ahora, ponemos la URL creada en el archivo EJS de home con la siguiente línea adicional:
<a target="_blank" href="entradas/<%=posActual.url%>">Leer más</a>

Recordemos que posActual es la posición que está iterando el arreglo, con el FOR creado en la sesión pasada.

Y listo! tendremos como resultado, la url lista para ser ejecutada en el método get. Ahora el objetivo será crear el método get usando params.

Creando método GET con PARAMS

ya tenemos la url lista para ser capurada, ahora usaremos el método get con params de la siguiente forma. Primero creamos “route” con params asi:

app.route("/entradas/:cualPost")
.get(function(req, res){

Los dos puntos dan inicio al parámetro de búsqueda en la ruta seleccionada. Este nombre puede ser el que desees, en este caso usé “cualPost”. Ahora para capturar el dato de ese parámetro usamos:

let datoRecibido = req.params.cualPost;

Nota que luego de “req” encontramos “params” y luego el nombre que usamos en la ruta para poder capturar el dato. Ahora, la captura se guarda en la variable “datoRecibido” como un STRING y podemos usarlo.

Ahora hacemos casi lo mismo del primer paso: recorrer el arreglo de entradas, crear la URL quitando espacios por guiones y todo en minúscula, pero en vez de crear otro arreglo, vamos a comprar la URL con el dato que acabamos de recibir.

Si encuentra una coincidencia entonces renderizará una nueva página, así:

let urlEntrada = (element.titulo.replace(/ /g, "-")).toLowerCase();

        // comparar
        if(urlEntrada===datoRecibido){
            // renderizar
            res.render("entradaIndividual", {entrada: element});
        }

listo! ahora solo queda crear la página plantilla de la entrada para poder mostrar la búsqueda que realiza el usuario. Podemos crearla como entradaIndividual.ejs, sencillamente así:

<div style="background-color: rgb(31, 31, 31); padding: 50px 0px 50px 0px; color: white; text-align: center;">
    <h1><%=entrada.titulo%></h1>
    <h5><%=entrada.fecha%></h5>
</div>


<div class="container my-5">
    <p><%=entrada.contenido%></p>
</div>

Dando como resultado la imagen anterior, donde veremos el título, la fecha y el contenido en diferentes contenedores en una nueva página o archivo, con su URL totalmente personalizada!

Video de ayuda

Hice este video como la quinta sesión del curso para ayudarte en el proceso más detenidamente. Si te gusta, no olvides dar like y suscribirte para nuevos videos!

PARAMS get en Node js

Producto sugerido

Si eres como yo que pasa bastatne tiempo frente al compu, puede que la barra de luz te sirva bastante para cuidar tu vista en esas largas jornadas. También te dejo aquí el post para que veas la reseña completa.

LAMPARA – 4528 valoraciones

Quntis Lámpara para monitor de computadora, barra de luz para monitor de pantalla para el cuidado de los ojos, lámpara de tareas LED de lectura electrónica con atenuación automática, barra de lámpara regulable, control táctil, sin deslumbramiento de pantalla, ahorro de espacio, lámparas de escritorio para oficina en casa

  • Sin reflejos de pantalla y sin parpadeo, antiluz azul: la barra de luz para monitor de computadora Quntis tiene un diseño óptico asimétrico único que ilumina solo tu escritorio y teclado mientras garantiza que no se reflejen en la pantalla. Gracias a su avanzado sistema de protección ocular, nuestras lámparas de escritorio para oficina en casa bloquean la luz azul y la radiación óptica, aliviando eficazmente la fatiga ocular para proteger tus ojos. Es la opción ideal para estudiantes, diseñadores de pintura y trabajadores de oficina de negocios.

VER EN AMAZON

Conclusión

Conocer cómo ingresar parámetros de búsqueda dentro de una URL o ruta es clave para ahorrar tiempo en la comunicación del desarrollo web. Params nos ahorra trabajo, tiempo y lo mejor hace nuestro código mucho más eficiente.

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en una estrella para puntuar!

Promedio de puntuación 0 / 5. Recuento de votos: 0

Hasta ahora, ¡no hay votos!. Sé el primero en puntuar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en los medios sociales!

Resumen
PARAMS Node js | Obtener datos en MÉTODO get | Req Params
Nombre del artículo
PARAMS Node js | Obtener datos en MÉTODO get | Req Params
Descripción
En esta quinta sesión de la escuela desarrollo web con Node Js te enseño qué es y cómo usar PARAMS Node js para obtener datos desde la URL ✅
Autor
Publisher Name
Eduardo Arias
Publisher Logo

Deja un comentario

Carrito de compra