Question

我一直在尝试通过HttpInterceptor向每个HTTP请求添加Firebase令牌，但是我无法检索Firebase令牌。当我的拦截器运行时，用户显示为未登录。

intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    try {
      firebase.auth().currentUser.getIdToken()
        .then((token) => {
            this.token = token;
        })
      req = req.clone({
      setHeaders: {
        'Content-Type' : 'application/json; charset=utf-8',
        'Accept'       : 'application/json',
        'Authorization': `${this.token}`,
      }
    });
    return next.handle(req);

      } catch(err) {
          console.log(err)
      }
  }

我尝试在getIdToken()内嵌套firebase.auth().onAuthStateChanged()来检查是否有用户登录，但返回null。

我该如何解决？预先感谢！

Answer 1

我必须修改代码以使用异步功能，这样我才能检索并等待令牌：

  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    return Observable.fromPromise(this.handleAccess(request, next));
  }

  private async handleAccess(request: HttpRequest<any>, next: HttpHandler):
      Promise<HttpEvent<any>> {
    const token = await this.authService.getFirebaseToken2();
    console.log(token)
    let changedRequest = request;
    const headerSettings: {[name: string]: string | string[]; } = {};

    for (const key of request.headers.keys()) {
      headerSettings[key] = request.headers.getAll(key);
    }
    if (token) {
      headerSettings['Authorization'] = token;
    }
    headerSettings['Content-Type'] = 'application/json';
    const newHeader = new HttpHeaders(headerSettings);

    changedRequest = request.clone({
      headers: newHeader});
    return next.handle(changedRequest).toPromise();
  }
}

无法在HttpInterceptor中发送Firebase令牌

1 个答案: