我正在尝试将我的Angular应用程序设置为使用@azure/msal-angular。我已经像这样设置了MsalModule:
import { NgModule } from "@angular/core";
import { MsalModule, MsalInterceptor } from "@azure/msal-angular";
import { HTTP_INTERCEPTORS } from "@angular/common/http";
console.log(`window populated: ${(window as any).APP_SETTINGS.aadAppClientId}`);
export const msalModuleForRoot = MsalModule.forRoot({
clientID: (<any>window).APP_SETTINGS.aadAppClientId,
});
@NgModule({
imports: [
msalModuleForRoot,
],
exports: [
MsalModule
],
providers: [
{
provide: HTTP_INTERCEPTORS,
useClass: MsalInterceptor,
multi: true
},
],
})
export class AppMsalModule { }
此模块将导入到我的app.module.browser.ts中。控制台日志成功打印出我的客户端ID。
然后,在我的app.routing.ts中,我在需要身份验证的路由上添加了MsalGuard。
我看到的是:这些路由如预期的那样重定向到登录屏幕,但当你进行身份验证时,它会要求授予"myTrialApp“权限,而这不是我的应用程序的名称。
仔细查看调试器中的MsalGuard,我可以看到它使用的客户机Id是未定义的。我正在尝试理解我需要更改的内容,以确保登录页面使用了正确的客户端Id。
发布于 2019-03-29 17:51:30
由于AoT的原因,这无法正常工作。一个很好的解决办法是能够注入MsalConfig,但目前库中似乎不支持这一点。现在,我通过在编译时可用的environment.ts中定义我的clientId来解决这个问题。
https://stackoverflow.com/questions/55387967
复制相似问题