GUARDS en ANGULAR 17 | ¿Cómo utilizarlos? | Angular 2023 | Functional guards
ฝัง
- เผยแพร่เมื่อ 11 ธ.ค. 2024
- En este vídeo te muestro cómo se puede utilizar los functional guards en angular en su versión 17 implementando un ejemplo muy básico aunque práctico de autenticación mediante un booleano
✨💜 Discord
/ discord
✨📩 MIS REDES
/ zzaiel
/ zaieel_
/ zaiel_
✨❤ SUSCRIBITE ACÁ ⇒ / @leeiaz_tech
Este parcero es una calidad, ¡gracias por el tutorial!
Gracias a vos chee, te mando un abrazo
Simple y claro, muchas gracias!
Muchas graciaass
simple, conciso y bien explicado. Muchas gracias.
Gracias a vos che
Bro… Me solucionaste una larga busqueda, muchas gracias, Liked! Subscribed!
Gracias a vos genio
Muchas gracias, me ayudaste a comprender de una manera muy sencilla y clara, nuevo sub
Muchas gracias, buen video. Información concisa
Gracias a vos por la buena onda🙌
Muchas gracias!! explicas super bien! ganaste un suscriptor
Te agradezco mucho, te mando un saludo chee
eres increíble, me suscribo. Me gustaria ver mas videos tuyos asi de bien explicados
Estoy preparando mucho contenido de Angular y React para el canal, muchas gracias por tu comentario te mando un saludoo
Menudo crack con estas explicaciones!
Muchas graciasss
Perfecto papu, asi en criollo siempre es mejor! like and sub
muy buen video, like y nuevo SUScriptor. np
Que crack!, muchas gracias Bro tienes un sub mas. Seria genial el video de Lazy loading
Muchas gracias che, si lazy loading seguro traigo en los próximos videos
muchas gracias me ha servido para entenderlo
Mil gracias a vos che, pronto se va a venir mucho contenido junto de angular
@@Leeiaz_tech con respecto al routing? Cómo hago para vincular esas rutas creadas en back-end, con las rutas creadas en el front-end? En la parte de los path se tiene que poner el localhost:3000? Por qué parece que las tuyas que creamos en angular son independientes de las que creamos en node
muy bueno !
Gracias che! 🤝
Gracias amigo!
Gracias a vos hermano
Buen video!! +1 sub
Mil gracias locoo
Nuevo suscriptor 🤘
Sos un genio hermano bienvenido
Muchas gracias.
Amigo tiene algun video de INTERCEPTORS?
gracias! GPT no conoce el 'match' todavía
Hola estoy intentando configurar, pero al inyectar el service, me salta un error que veo que a vos no , "'route' is declared but its value is never read.ts(6133)
"
Sos crazy
Excelente video bro. Tengo una duda quizá puedas ayudarme. Implementé un sistema de autenticación parecido al tuyo. Pero mi duda es como puedo hacer que una vez que inicio sesión en mi app estando en la vista login pues me mande a la vista home, y si le doy regresar me rebote a la vista home porque estoy autenticado, lo que quiero decir es que mientras esté autenticado pues la vista de login se oculte o que no tenga acceso a esa ruta.
Lo mejor ahí es utilizar un service como manejador de estado del token o de la cookie que uses para mantener tu login, este guard te puede servir para proteger si no está autenticado pero en el caso de loggearse, te recomiendo centralizar todo en un service de angular, una función login y logout y listo
@@Leeiaz_tech ¿Podrías explicarlo en un tutorial después? Ya que he estado intentando, pero no he podido lograrlo😢
Bro muchas Gracias por tus aportes podrías darle un poco de zoom al escribir😊
Si , en los próximos vienen con más zoom
Que tema de VSC usas?
"Palenight operator" de la extensión Palenight Theme
Amigo visual studio me dice que CanActivate esta obsoleto
Te dice que utilices otra alternativa ahí en el mismo visual studio?
En otros vídeos aumenta el tamaño de letra. Gracias.
@@adolfomartin5456 gracias !
Casi que podrías haber empleado un store en lugar de un servicio.
me quedó clarisimo
Es lo importante, gracias 🙌✨
me funciona la logica y todo bien, pero por alguna razón me da el error: ERRORNullInjectorError: NullInjectorError: No provider for _HttpClient! cuando intento inyectar el servicio con el que traigo el parametro de autenticacion. tengo el codigo mas menos así:
import { Injectable, inject} from '@angular/core';
import { Router, CanActivateFn } from '@angular/router';
import { UsuarioService } from './usuario.service';
export const IdentidadGuard: CanActivateFn = (route: any, state: any) => {
//Al descomentar esta linea me genera el error
//const _usuarioService = inject(UsuarioService);
const _router = inject(Router);
//let identidad = _usuarioService.obtenerIDentidad();
let identidad = false;
if(identidad){
return true;
}else{
_router.navigate(['/inicio']);
return false;
}
};
Tendria que ver los demás códigos, como el del UsuarioService, si te parece podes ponerlo en discord y lo vemos mejor, en teoría puede ser por alguna importación
@@Leeiaz_tech ya logré encontrarle solución, muchas gracias, muy buen video