Angular HTTP拦截器：如何整合Azure AD ADAL的Token Observable并返回请求

嘿，这个场景我太熟悉了！你现在的问题核心是不能在拦截器里直接用subscribe——因为拦截器要求返回一个Observable<HttpEvent<any>>，而subscribe会直接触发流的执行，没法把处理后的请求流返回出去。我们需要用RxJS的操作符来链式处理这个Observable，保持流的连续性。

核心解决方案：用switchMap切换Observable流 #

ADAL的getAccessToken()返回的是一个Observable<string>，我们可以用switchMap操作符，在token获取成功后，把流切换到修改后的HTTP请求流上。这样整个拦截器就能正确返回处理后的请求Observable了。

完整代码示例 #

import { Injectable } from '@angular/core';
import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http';
import { Observable } from 'rxjs';
import { switchMap, catchError } from 'rxjs/operators';
import { throwError } from 'rxjs';

@Injectable()
export class AzureAdAuthInterceptor implements HttpInterceptor {

  constructor(private authAzureService: AuthAzureService) {}

  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    // 链式处理token流和请求流
    return this.authAzureService.getAccessToken().pipe(
      // 当token返回后，切换到修改后的请求流
      switchMap(token => {
        // 注意：HttpRequest是不可变对象，必须用clone方法修改headers
        const authenticatedRequest = request.clone({
          setHeaders: {
            Authorization: `Bearer ${token}`
          }
        });
        // 返回处理后的请求，交给下一个拦截器/HTTP客户端
        return next.handle(authenticatedRequest);
      }),
      // 可选：处理token获取失败的情况
      catchError(error => {
        console.error('获取Azure AD Token失败:', error);
        // 这里可以添加跳转登录页、清空缓存等逻辑
        return throwError(() => new Error('身份认证失败，请重新登录'));
      })
    );
  }
}

关键知识点解释 #

1. 为什么用switchMap？
   switchMap会订阅getAccessToken()的Observable，当token成功返回时，它会把这个token值映射成next.handle(authenticatedRequest)返回的Observable，这样整个拦截器返回的就是处理后的请求流，完全符合Angular拦截器的要求。

2. 为什么要克隆请求？
   Angular的HttpRequest是不可变对象，你不能直接修改它的属性（比如headers），必须通过clone()方法创建一个新的请求对象，再在新对象上修改headers。

3. 错误处理
   加上catchError可以捕获token获取失败的情况，比如网络错误、token过期等，你可以在这里添加自定义的错误处理逻辑，比如跳转到登录页面、提示用户重新登录等。

额外提示 #

如果你的getAccessToken()会缓存token（ADAL通常会做这件事），那switchMap只会在需要的时候重新获取token，不会每次请求都重复调用，这点不用担心性能问题。

内容的提问来源于stack exchange，提问作者Michael Witt