Azure AD SSO集成报错：BrowserAuthError: uninitialized_public_client_application

核心问题 #

你的错误是因为MSAL PublicClientApplication实例未完成初始化就调用了handleRedirectPromise，导致登录重定向返回后无法正确读取会话缓存，进而触发重复登录循环。

具体修复步骤 #

• 修正MsalModule初始化（app.module.ts）
  MSAL Angular v3不需要手动实例化PublicClientApplication，直接传入配置对象即可，MsalModule会自动完成实例初始化和加载：

  MsalModule.forRoot(
    {
      auth: {
        clientId: environment.azureClientId,
        // 注意：authority需要完整URL，不是单纯tenantId
        authority: `https://login.microsoftonline.com/${environment.azureTenantId}`,
        redirectUri: environment.azureRedirectUri,
      },
      cache: {
        cacheLocation: 'localStorage',
        storeAuthStateInCookie: true,
      },
    },
    {
      interactionType: InteractionType.Redirect,
      authRequest: {
        scopes: ['user.read'],
      },
    },
    {
      interactionType: InteractionType.Redirect,
      protectedResourceMap: new Map([
        ['https://graph.microsoft.com/v1.0/me', ['user.read']],
      ]),
    }
  )
  

  注意：authority必须是完整的https://login.microsoftonline.com/{tenantId}格式，之前直接填tenantId会导致认证端点错误。

• 简化重定向处理逻辑（app.component.ts）
  不要混合await和.then()，改用纯async/await语法，同时确保仅在无活跃账户时触发登录：

  async ngOnInit(): Promise<void> {
    this.theme = this.themeService.theme;
  
    try {
      const response = await this.msalService.instance.handleRedirectPromise();
      
      if (response?.account) {
        this.msalService.instance.setActiveAccount(response.account);
      }
  
      const activeAccount = this.msalService.instance.getActiveAccount();
      if (!activeAccount) {
        console.log("用户未认证，跳转至Azure AD登录");
        this.msalService.loginRedirect();
      } else {
        console.log("已认证用户:", activeAccount);
        this.setupApplication();
      }
    } catch (err) {
      console.error("处理重定向时出错:", err);
    }
  }
  

  去掉了不必要的setTimeout，loginRedirect可以直接调用，无需延迟。

• 额外验证项

  • 确认Azure AD应用注册中，redirectUri已配置为SPA类型（不是Web类型），且与代码中的redirectUri完全一致
  • 检查浏览器是否允许localStorage，若被阻止，可尝试将cacheLocation改为sessionStorage
  • 确保Angular项目的zone.js版本与MSAL兼容（Angular 14推荐使用zone.js ~0.11.4）

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