angular - 有条件地绕过 Auth0 HttpInterceptor
问题描述
作为从 Firebase 迁移到 Auth0 的一部分,我的前端 Angular 应用程序有条件地根据用户的电子邮件地址对 Firebase 或 Auth0 进行身份验证。我正在尝试配置随Auth0 Angular SDK for SPA提供的Auth0 AuthHttpInterceptor,以便仅当已知用户是 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 有没有办法跳过尚未执行的链式拦截器?
解决方案
您可以创建一个聚合拦截器,并根据您的逻辑将其委托给 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);
}
}
推荐阅读
- wix - MSI 安装程序(来自 wix)如何决定运行什么?
- react-native - Tab Navigator 已折旧并且 createBottomTabNavigator 无法使用我的代码
- node.js - Node js cpanel 发布请求不工作,获取请求工作正常,获取发布请求在本地服务器上工作正常
- continuous-integration - 什么是 CircleCi 管道?它们可以用来触发带参数的作业吗?
- c# - 如何解决 SerialPort.Read() 在 C# 中总是返回 0?
- xamarin.forms - Xamarin 表单 webview 未在我的设备中显示图表数据
- css - SASS:在应用程序之间共享
- android - Firebase 记录存在但无法从数据库中检索数据
- css - 如何检查浏览器是否支持-webkit-text-stroke
- php - Wordpress wp_create_user 错误 502 网关错误