Tengo un "guard" que llama a una función en un servicio para comprobar si el usuario está logeado.
El servicio tiene esta función que he configurado como async porque dentro hay un await que espera a que "onAuthStateChanged" termine de hacer una consulta y devuelve el valor de valor control. Por lo que veo si no pusiese el async, el return tendría lugar antes de que onAuthStateChanged terminase y no devolvería el valor correcto. (No sé si esta es la mejor forma de hacer esto)
async comprobarAutentificacion() {
let valorControl:boolean = true;
await this.angularFireAuth.onAuthStateChanged( user =>{
if(user) {
valorControl = true;
} else {
valorControl = false;
}
});
return valorControl;
}
Luego, en el guard tengo este código:
export class AuthGuard implements CanActivate {
constructor(private servicio: MiservicioService, private router: Router){}
private valorRetorno: boolean =false;
canActivate(): boolean{
this.servicio.comprobarAutentificacion().then( valor =>{
this.valorRetorno = valor;
});
if(this.valorRetorno) {
console.log("COMPROBAMOS: " + this.valorRetorno);
return true;
} else {
console.log("Redirigimosssss: ");
this.router.navigateByUrl('/login');
return false;
}
}
}
En el guard, lo primero que hago es llamar la función comprobarAutentificacion del servicio que de arriba que al ser una función async devuelve una promesa que recojo con un then(). En el cuerpo del then lo que hago es asigar el valor a la variable **valorRetorno **.
Justo después lo que hago es comprobar con un IF dicha variable y retornar un true o false que recoge la ruta especificada en el archivo de rutas. Creo que este if no está bien pq puede que ejecute antes que la llamada a this.servicio.comprobarAutentificacion() al ser todo asíncrono en este bloque de cófigo. Podría hacer que esta función del guard fuese Async y la llamada al servicio fuese con un awair, peor me devlvería una promesa y esta función no puede devolver promesas para que el archivo de rutas funcione. ¿Es así?¿ cómo puedo mejorar esto?