Estoy haciendo un guard en Angular 7 para verificar si está loggeado o no un usuario. Tanto el back como la petición funciona correctamente, sin embargo no puedo controlarlo dentro del subscribe. Este es el código que desarrollé
import { Injectable } from '@angular/core';
import { CanActivate, Router } from '@angular/router';
import { LoginService } from '../login.service';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';
import { StorageService } from '../storage.service';
@Injectable({
providedIn: 'root'
})
export class AuthGuard implements CanActivate {
constructor( private _login: LoginService,
private _router: Router,
private _session: StorageService) {}
canActivate(): Observable<boolean> | boolean {
this._login.isLogged()
.subscribe(
// Si la respuesta es un código HTTP 204, entonces está autorizado
() => true,
// Si la respuesta es un código HTTP 401 entonces NO está autorizado
() => {
this._session.deleteData();
this._router.navigate(['/login']);
return false;
});
}
}
El problema es que el return
del .subscribe
no regresa el true o false al canActivate(): Observable<boolean> | boolean
no sé como hacer para regresar ese Booleano
Me aparece este error
A function whose declared type is neither 'void' nor 'any' must return a value.
intenté hasta asignar el valor del subscribe
a una variable para hacer return
al final de canActivate()
sin embargo es una función asíncrona por lo que termina de ejecutar el código y no espera la respuesta, reitero, todo funciona excelente tanto las respuestas del backend, como la función isLogged()
la cual retorna el Observable
al que me estoy suscribiendo en el guard.
Que puedo hacer?
También intenté esta función
return this._login.isLogged().pipe( map( (data: any) => {
if( data.auth ) {
return true;
} else {
this._session.deleteData();
this._router.navigate(['/login']);
return false;
}
})
)
Y ahora ya funciona únicamente si hay un HTTP 200, no puedo controlar el código 401
data.auth
?200
o204
retorna algo en el body?