Vamos a analizar lo que tienes, que no tiene mala pinta:
autenticacion(token: string): Observable<any> {
return this.http.post<Usuario>(
this.apiUrl + "autenticacion",
{ token },
{ headers: this.headers }
).pipe(map(data => data));
}
Este primer método realiza una petición POST para logarse en el sistema. Tiene buen aspecto, pero te sobra la llamada a map, que no hace nada, podrías dejarlo así:
autenticacion(token: string): Observable<any> {
return this.http.post<Usuario>(
this.apiUrl + "autenticacion",
{ token },
{ headers: this.headers });
}
Pasemos al siguiente método, donde empezamos a ver problemas (ver comentarios):
verificacion(){
let bool; //declaras la variable que quieres devolver
// Llamas al método anterior y te suscribes...
this.auth.autenticacion(this.auth.getToken()).subscribe(data=>{
if(data.data.token==this.auth.getToken()){
bool=true;
}else{
bool=false;
}
});
//cuando llegamos aquí, la llamada aún no tiene respuesta!!
console.log(bool); //siempre será undefined
return bool;
}
Vamos a intentar arreglar esto, pasaremos a tener un método que devuelve un Observable<boolean>
:
//añadimos el tipo a devolver, que siempre ayuda
verificacion(): Observable<boolean> {
// Llamas al método anterior y con `pipe` y `map` añadimos una transformación
return this.auth.autenticacion(this.auth.getToken()).pipe(
map(data => data.data.token == this.auth.getToken());
}
canactive(): Observable<boolean> {
return this.verificacion(); //devuelve el resultado de la verificación
}