在Teams桌面客户端集成Angular应用与SSO时遇弹窗异常问题

• 检查Entra应用的重定向URI配置
  必须添加https://teams.microsoft.com/auth-callback作为重定向URI，同时确保Angular应用的SPA重定向URI（例如https://your-app-domain/auth-callback）配置正确，且所有重定向URI的类型均设置为“单页应用(SPA)”。

• 验证Teams应用清单配置
  在Teams开发者门户的应用清单里，确认webApplicationInfo字段的id（Entra应用ID）和resource（Entra应用的应用ID URI）与Entra门户中的配置完全一致。同时确保validDomains列表包含你的AKS应用域名，桌面客户端依赖该配置授权弹窗加载。

• 调整Angular应用的MSAL配置
  将MSAL的缓存位置设置为LocalStorage（桌面客户端对SessionStorage支持受限），并添加extraQueryParameters: { domain_hint: 'organizations' }强制组织账户登录，避免弹窗因账户选择逻辑异常被拦截。

  示例核心配置片段：

  MsalModule.forRoot(new PublicClientApplication({
    auth: {
      clientId: 'your-entra-app-id',
      authority: 'https://login.microsoftonline.com/your-tenant-id',
      redirectUri: 'https://your-app-domain/auth-callback'
    },
    cache: {
      cacheLocation: 'LocalStorage'
    }
  }), {
    interactionType: InteractionType.Popup
  })
  

• 检查Teams桌面客户端权限与版本
  进入Teams设置>隐私>弹窗权限，确认你的应用域名已被允许弹窗。同时将Teams桌面客户端更新至最新版本，旧版本可能存在SSO弹窗兼容性缺陷。

• 验证CORS与网络配置
  确保AKS应用的CORS策略允许https://teams.microsoft.com和https://login.microsoftonline.com的跨域请求，桌面客户端的SSO弹窗会从这些域名发起请求，CORS配置错误会导致弹窗加载失败后自动关闭。

• 启用日志定位问题
  开启MSAL的详细日志（通过system.loggerOptions配置），查看登录流程中的错误信息；同时在Teams桌面客户端按Ctrl+Shift+I打开开发者工具，检查控制台的报错和网络请求的异常状态码，这些信息能直接定位故障根源。

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