AuthService
login(user: User){
return this.http.post<any>(`${this.API_URL}`, {
email: user.username,
password: user.password
});
}
isUserLoggedIn(){
return this.http.get<any>(`${this.API_URL}/1`);
}
logoff(){
//this.loggedIn.next(null);
this.router.navigate(['/login']);
}
LoginComponent
onSubmit(){
this.submitted = true;
this.authService.login(this.loginForm.value).subscribe(r => {
if(r.success){
this.router.navigate(['/home']);
}
});
}
Auth Guard
canActivate(
route: ActivatedRouteSnapshot,
state: RouterStateSnapshot
): any{
return this.authService.isUserLoggedIn()
.pipe(
map(res => {
if (res.isAuth){
return true;
}
this.router.navigate(['/login']);
return false;
})
);
}
- Eu tenho um Service (
AuthService
); - No
LoginComponent
: Envia os dados a umaAPI
para fazer o login (envia-seusername
epassword
) que retornasucesso
se o usuário existir; - No
Guard
: Outro serviço (isUserLoggedIn()
) verifica se o usuário está logado e se asessão
ainda está viva.
Existe um outra abordagem para autenticação do usuário no Angular 4+? Seria esta abordagem usada na maioria dos projetos?