Curso Angular #69: Usando Guarda de Rotas: CanLoad: como não carregar o módulo sem permissão

[@aislan.nadrowski]

Para para quem está usando o Angular 16 em 2023: o CanLoad foi depreciado, agora deve-se usar o CanMatchFn.

[@Cristian-0175]

Acho muito bacana a forma como você faz as aulas explicando os mínimos detalhes.

[@jacksoncamara921]

obrigado pelas aulas, falta lançar um livro em português sobre angular 2, node com sequelize. ;)

[@josecarlosdeoliveirajunior8814]

Obrigado pela aula loiane. Porem, isso essa parte do canLoad é um pouco inutil, visto que simplismente podemos recuperar as urls e fazer um wget para baixar todo o código fonte da aplicaçao. Esse controle de acesso aos fontes é mais interessante fazer via backend, no meu ponto de vista. Abraço e continue com esse excelente trabalho.

[@amandaavelino8362]

Obrigada Loiane! Agradecendo ainda em 2018 =D! ♥♥♥

[@MiguelAngelo-yl3zi]

haha 2018 aqui tbm!! ^-^

[@mpbenedito]

Estou na versão 18 e o CanLoad está obsoleto (deprecated) sendo necessário substituir por CanMatchFn, então meu código ficou assim import { ActivatedRouteSnapshot, CanActivateFn, Router, RouterStateSnapshot } from '@angular/router'; import { AuthService } from '../login/auth.service'; import { inject } from '@angular/core'; function verificarAcesso() { if(inject(AuthService).usuarioEstaAutenticado()){ return true; } inject(Router).navigate(['/login']); return false; } export const authGuard: CanActivateFn = (rotaAtiva: ActivatedRouteSnapshot, statusRota: RouterStateSnapshot) => { return verificarAcesso() }, CanMatchFn = (rotaAtiva: ActivatedRouteSnapshot, statusRota: RouterStateSnapshot) => { return verificarAcesso() };

[@LageAfonso]

Excelente! Parabéns!

[@char___6235]

Obrigada! Vc é maravilhosa!!

[@CesarDevesa]

Perfeito! Tks!!!

[@regismatos]

Show

Olá Loiane, quando o site será atualizado? Restam quantas aulas ainda (espero que muitas)

[@loianegroner]

Foi atualizado hoje! Ainda teremos 3 módulos! :)

[@kelvin.conego]

Olá, Loiane estou com uma duvida na parte do canActivate(Guarda de rota), nesse vídeo você mostrou que ao fazer o refresh da pagina o login não permanece e ele volta para a pagina de login para refazer a autenticação, o angular tem algum método para desativar o Guarda de rota? ou tem alguma forma de burlar isso sem usar Session ou localStorage?

[@michaellesley9569]

acho que não em..

[@michaellesley9569]

Se você tiver descoberto, compartilha aqui =) por favor.

[@kelvin.conego]

@@michaellesley9569 Eu não achei nada, mas agora eu estou usando localstorage mesmo, eu guardo um token de login, e no canActivate eu verifico se existe esse token no localstorage se existir eu retorno true e ele segue como se estivesse logado, nesse caso pode usar uma JWT para expirar o token depois de um tempo e não ficar logado para sempre.

[@evandrobarbosadosreis]

Olá, Loiane. Se uma determinada rota estiver configurada para fazer uso do canLoad, existe necessidade desta mesma rota fazer uso do canActivate? Isso não seria redundante? Ou foi apenas por uma questão didática?

[@rogeriopst450]

tenho essa duvida tb.

[@jacksoncamara921]

qual ORM vc usa para node?

[@loianegroner]

Uso java! :) rs

[@jacksoncamara921]

Loiane Groner marvada kkkk servidores muito caro e muita complexidade . Abraço