有条件地绕过 Auth0 HttpInterceptor

Question

作为从 Firebase 迁移到 Auth0 的一部分，我的前端 Angular 应用程序根据用户的电子邮件地址有条件地向 Firebase 或 Auth0 验证用户。我正在尝试配置 Auth0 AuthHttpInterceptor provided with the Auth0 Angular SDK for SPAs，以便仅当已知用户是 Auth0 用户时（即，当他们已经登录到我的应用程序时），它才会尝试添加身份验证令牌。特别是，我希望它只“传递”Firebase 身份验证用户的请求。

我已经配置了 Auth0 HttpInterceptor 和我的自定义 Firebase HttpInterceptor，以便一个接一个地调用它们。我已将 Auth0 设置为“allowAnonymous”，试图在当前用户未通过 Auth0 身份验证的情况下跳过处理。拦截器在我的模块中配置如下：

    Auth0Module.forRoot({
      // ...

      httpInterceptor: {
        allowedList: [
          {
            uri: 'http://localhost:8080/*',
            // Allow API to go through even if no Auth0 authentication, in attempt
            // to skip Auth0-specific processing for Firebase users.
            allowAnonymous: true,
          },
        ],
      },
    }),

不幸的是，Auth0 拦截器坚持在每个请求上调用 /authorize 端点（即使用户只通过 Firebase 的身份验证）。

我考虑过如果我以相反的顺序链接 HttpInterceptors（首先是我的自定义拦截器，然后是 Auth0）我可能能够有条件地跳过 Firebase 用户的 Auth0 拦截器，但我找不到办法这个。

有没有办法让 HttpInterceptor 跳过尚未执行的链式拦截器？

Answer 1

您可以创建一个聚合拦截器，并根据您的逻辑将其委托给 auth0 或 firebase：

export class AggregateInterceptor implements HttpInterceptor {

  constructor(private auth0Ceptor: AuthHttpInterceptor,
              private firebaseCeptor: FirebaseInterceptor) { }

  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    if (...) {
      return this.auth0Ceptor.intercept(req, next);
    } else {
      return this.firebaseCeptor.intercept(req, next);
    }
  }
}

如果您希望 auth0 拦截器执行它的工作但实际上不处理请求，而是将其转发给 firebase，您可以使用自定义处理程序：

intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
  const chainHandler: HttpHandler = {
    handle(req: HttpRequest<any>): Observable<HttpEvent<any>> {
      return this.firebaseCeptor.intercept(req, next);
    }
  };

  if (...) {
    return this.auth0Ceptor.intercept(req, chainHandler);
  } else {
    return this.firebaseCeptor.intercept(req, next);
  }
}

有条件地绕过 Auth0 HttpInterceptor

Conditionally bypass Auth0 HttpInterceptor

angular-http-interceptors

auth0

firebase-authentication

angular