GUARDS en ANGULAR 17 | ¿Cómo utilizarlos? | Angular 2023 | Functional guards

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

[@matl3videos447]

muy buen video, like y nuevo SUScriptor. np

[@grumpydev3140]

simple, conciso y bien explicado. Muchas gracias.

[@Leeiaz]

Gracias a vos che

[@mari.archive]

Simple y claro, muchas gracias!

[@Leeiaz]

Muchas graciaass

[@santiagorestreporueda5058]

Este parcero es una calidad, ¡gracias por el tutorial!

[@Leeiaz]

Gracias a vos chee, te mando un abrazo

[@COGONAUT]

Perfecto papu, asi en criollo siempre es mejor! like and sub

[@eduardointech]

Bro… Me solucionaste una larga busqueda, muchas gracias, Liked! Subscribed!

[@Leeiaz]

Gracias a vos genio

[@elliotrendonleon4893]

Muchas gracias, buen video. Información concisa

[@Leeiaz]

Gracias a vos por la buena onda🙌

[@JonnathanSaquicela]

Muchas gracias, me ayudaste a comprender de una manera muy sencilla y clara, nuevo sub

[@demurestlmc8361]

eres increíble, me suscribo. Me gustaria ver mas videos tuyos asi de bien explicados

[@Leeiaz]

Estoy preparando mucho contenido de Angular y React para el canal, muchas gracias por tu comentario te mando un saludoo

[@diegomartinezlopez9969]

Muchas gracias!! explicas super bien! ganaste un suscriptor

[@Leeiaz]

Te agradezco mucho, te mando un saludo chee

[@diegodelcastillo6625]

Menudo crack con estas explicaciones!

[@Leeiaz]

Muchas graciasss

[@m_i_g_u_e_l_]

Que crack!, muchas gracias Bro tienes un sub mas. Seria genial el video de Lazy loading

[@Leeiaz]

Muchas gracias che, si lazy loading seguro traigo en los próximos videos

[@pw4645]

Amigo tiene algun video de INTERCEPTORS?

[@MrYondaime22]

muchas gracias me ha servido para entenderlo

[@Leeiaz]

Mil gracias a vos che, pronto se va a venir mucho contenido junto de angular

[@MrYondaime22]

@@Leeiaz 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

[@cess-l7h]

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.

[@Leeiaz]

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

[@cess-l7h]

​@@Leeiaz ¿Podrías explicarlo en un tutorial después? Ya que he estado intentando, pero no he podido lograrlo😢

[@MrCKROOZ]

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)
"

[@barcenasdev]

gracias! GPT no conoce el 'match' todavía

[@codecr9820]

Buen video!! +1 sub

[@Leeiaz]

Mil gracias locoo

[@luisfernandodeolazabalsche3317]

Muchas gracias.

[@lucasvalinotti7064]

Gracias amigo!

[@Leeiaz]

Gracias a vos hermano

[@josuedanielcruzarrechavala6566]

Nuevo suscriptor 🤘

[@Leeiaz]

Sos un genio hermano bienvenido

[@elioenaiprz.9471]

muy bueno !

[@Leeiaz]

Gracias che! 🤝

[@erickcruzpadilla4153]

Que tema de VSC usas?

[@Leeiaz]

"Palenight operator" de la extensión Palenight Theme

[@darwinfredy]

Bro muchas Gracias por tus aportes podrías darle un poco de zoom al escribir😊

[@Leeiaz]

Si , en los próximos vienen con más zoom

[@mauriciocarcamo9162]

Sos crazy

[@Alexander-um9vd]

Amigo visual studio me dice que CanActivate esta obsoleto

[@Leeiaz]

Te dice que utilices otra alternativa ahí en el mismo visual studio?

[@adolfomartin5456]

En otros vídeos aumenta el tamaño de letra. Gracias.

[@Leeiaz]

@@adolfomartin5456 gracias !

[@adolfomartin5456]

Casi que podrías haber empleado un store en lugar de un servicio.

[@daviduntama]

me quedó clarisimo

[@Leeiaz]

Es lo importante, gracias 🙌✨

[@danieltorresmedina6567]

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;
}
};

[@Leeiaz]

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

[@danieltorresmedina6567]

@@Leeiaz ya logré encontrarle solución, muchas gracias, muy buen video