Anugalur2 - 要求ヘッダーに認証トークンを注入する

Question

私の角2のアプリケーションでは、ヘッダーに トークンを挿入して各要求を認証する必要があります。私は要求ヘッダーを作成し、 トークンを挿入するサービスを持っています。問題は、トークンを取得するメソッドが非同期であることです。したがって、以下のコードでは、トークン をヘッダに挿入する前にhttp getを実行します。

トークンが処理されるまでhttpを待つように強制する良い方法はありますか？

コード：

getData(query: Vehicle): Observable<ResultWrapper> { 
     this.spinnerService.show(); 
     return this.http 
      .get(`${this.myService.apiEndpoint}/vehicles?name=${query.make}`, 
       { headers: this.myService.getHeaders() }) 
      .map(this.extractData) 
      .catch(this.exceptionService.catchBadResponse) 
      .finally(() => { 
       this.spinnerService.hide(); 
      }); 
    } 

myServiceという：

getHeaders(): any { 
    // this is call to an asynchronous javascript method 
    this.config.getToken(function (responseData) { 
     if (!responseData.error) { 
      responseData.headers.append('Authorization', "Bearer " + responseData.token); 
      return responseData.headers; 
     }); 
} 

Answer 1

あなたは確かに修正をうまくすることができます - しかし、多分これを実装するためのより良い方法があります。たとえば、Authサービス（myService）はキャッシュされたトークンを保持し、リクエスタに渡します（たとえば、getStatus.getItem（ 'auth_token'）を返すgetAccessToken（）メソッド）。そして、あなたは次に、あなただけのトークンの有効期限が切れたときのためのgetDataの呼び出し（コード401）でエラーをトラップする必要がありますし、単に新しいものを要求

let headers = new Headers({ 'Authorization': 'Bearer ' + this.myService.getAccessToken() }); 

のようなものを使用します。