Estoy obteniendo un TOKEN de una API. Para ello uso un get().subscribe...
en el subscribe el TOKEN ya se obtiene, pero en el return
ya no existe el valor.
Clase
@Injectable({
providedIn: "root",
})
export class Service {
...
}
getAPIKey() {
let token: string;
const urlServer = `https://url.com`;
this.http.get(urlServer).subscribe((data) => {
token = data[`access_token`];
});
return token;
}
y al llamar esta función, en la función getQuery me retorna undefined
getQuery(query: string) {
let token: string;
setTimeout(() => {
token = this.getAPIKey();
}, 5000);
//3600000
const url = `https://api.com/${query}`;
console.log(`consulta `, url);
const autorizacionAutomatico = `"Bearer ${token}"`;
console.log(`Autorizacion `, autorizacionAutomatico);
const headers = new HttpHeaders({
Authorization: autorizacionAutomatico,
});
return this.http.get(url, { headers });
}
El porque hay 2 funciones es simple la primera obtiene el TOKEN y la segunda funciona como autorización para las consultas.
La URL https://api.com/${query}
es parcial, hay otras funciones que completa esta con: lugares
, comida
, población
.
De forma que:
- Obtiene el TOKEN
- Genera el headers con el TOKEN
- Completa la URL, con la función
comida
Pero técnicamente no llego ni a completar el paso 1. Porque fuera del subscribe
parece que se pierde el valor. Me comentaron algo de que se ejecutan en cierto orden, lo que hace que obtenga el token pero se pierde por que la siguiente ejecución es... (no recuerdo, fue hace un tiempo ya y sigo sin encontrar una solución).
PD: la sentencia setTimeout
esta ahí porque el token pierde su uso cada 1h. En fin espero haber sido, claro.