Как я могу получить / использовать accessToken в классе AuthInterceptor в Angular 8

Question

Как я могу получить / использовать accessToken в классе AuthInterceptor и добавить его в каждый вызов API (.NetCore). Я уже реализовал

 getAccessToken() {
    return Auth.currentSession().then(res => {
      return res.getAccessToken().getJwtToken();
    });
  }

в authService, но я не могу использовать это в методе перехвата (req: HttpRequest, next: HttpHandler) {}. Любой способ обойти или изменить поток я могу реализовать.

Answer 1

Сначала преобразуйте ваше обещание в Observable в AuthService.ts:

import { from } from 'rxjs';
import { switchMap } from 'rxjs/operators';

...

getAccessToken(): Observable<string> {
  return from(Auth.currentSession()).pipe(
    switchMap(session => from(session.getAccessToken().getJwtToken())
  )
};

Затем вы можете легко использовать его в AuthHttpInterceptor:

@Injectable()
export class AuthHttpInterceptor implements HttpInterceptor {
  constructor(
    private authService: AuthService
  ) { }

  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    return this.authService.getAccessToken().pipe(
      switchMap(jwtToken => {
        // clone the request to add the new header.
        const authReq = req.clone({ 
          headers: req.headers.set('Authorization', `Bearer ${jwtToken}`) 
        });
        return next.handle(authReq);
      })
    );
  }
}