Estou com uma dúvida com o Angular/Ionic que estou utilizando para montar um app.
Eu possuo o seguinte provider:
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Injectable } from '@angular/core';
import 'rxjs/add/operator/map';
@Injectable()
export class UsersProvider {
private API_URL = 'http://localhost:8080/v1';
constructor(public http: HttpClient) {
}
apiHeaders() {
const headers = new HttpHeaders();
headers.set('Content-Type', 'application/json');
headers.set('Accept', 'application/json');
return headers;
}
loginUserAccount(email: string, password: string) {
let headers = this.apiHeaders();
return new Promise((resolve, reject) => {
this.http.get(this.API_URL + '/auth/login?email=' + email + '&password=' + password, { headers }).subscribe((result: any) => {
resolve(result)
},
(error) => {
reject(error.error)
})
});
}
E a resposta da função loginUserAccount() eu recebo um JSON "auth-jwt" que ele é o Token do usuário que contém as informações do usuário logado e permite acessar as demais páginas do app.
A minha dúvida é que como eu posso setar meu header "X-Token" com a resposta que vem da API? Buscando no Google e no próprio StackOverflow li sobre a Ionic Storage para salvar dados e recuperar quando bem entender mas não entendi muito bem como ela funciona e como seria a implementação, tem alguma outra forma de salvar o token ou salvar com Ionic Storage é o mais correto? Se a Ionic Storage é melhor como posso gravar o "auth-jwt" nela?