Angular 2 - 在每個Http請求之前注入授權令牌

Question

我需要在發送每個HTTP請求之前檢查我的令牌未過期。我試圖使注射使用HTTP攔截這樣的：

class HttpInterceptor extends Http { 

    constructor(backend: ConnectionBackend, defaultOptions: RequestOptions, private _router: Router) { 
    super(backend, defaultOptions); 
    } 

    get(url: string, options?: RequestOptionsArgs): Observable<Response> { 
    const keycloak$: Observable = KeycloakService.updateToken(); 

    return keycloak$.map((options) => { 
     return super.get(url, this.getRequestOptionArgs(options)); 
    }); 
    // -> Observable<Observable<Response>> 
    } 

    getRequestOptionArgs(options?: RequestOptionsArgs) : RequestOptionsArgs { 
    if (options == null) { 
     options = new RequestOptions(); 
    } 
    if (options.headers == null) { 
     options.headers = new Headers(); 
    } 
    options.headers.append('Content-Type', 'application/json'); 

    return options; 
    } 
} 

我怎樣才能實現可觀察到的依賴。 KeycloakService.updateToken()返回另一個Observable，所以我需要等待響應，然後添加授權標頭。我會很感激任何提示。

Answer 1

使用switchMap等待觀察到的由super.get()返回發射響應之前解決

更換

return keycloak$.map((options) => { 
    return super.get(url, this.getRequestOptionArgs(options)); 
}); 

隨着

return keycloak$.switchMap(
    options => super.get(url, this.getRequestOptionArgs(options)) 
); 

Examples

我也會改變：

if (options == null) { 
    options = new RequestOptions(); 
} 
if (options.headers == null) { 
    options.headers = new Headers(); 
} 

有了：

if(!options) options = new RequestOptions(); 
if(!options.headers) options.headers = new Headers(); 

爲了趕undefined以及null選項