使用ng2-adal获取Azure AD Web API访问令牌失败求助

我之前也碰到过类似的情况——明明开发者工具里能看到令牌返回，但就是进不了subscribe的回调逻辑，咱们可以试试这些方法来解决：

1. 优先用静默方式获取令牌 #

acquireToken有时候会因为需要用户交互（比如弹出授权框）导致Observable没有正确触发，建议先尝试acquireTokenSilent从缓存读取，失败再降级到交互模式：

public getToken(): void {
  const apiResourceId = "d3ff1be3-8484-4b28-8b67-7df715a5af79";
  
  this.adalService.acquireTokenSilent(apiResourceId)
    .subscribe(
      token => {
        console.log("成功获取令牌：", token);
        // 在这里处理你的令牌业务逻辑
      },
      error => {
        console.log("静默获取失败，切换到交互模式：", error);
        // 静默失败后调用带交互的acquireToken
        this.adalService.acquireToken(apiResourceId)
          .subscribe(
            interactiveToken => console.log("交互模式获取令牌：", interactiveToken),
            interactiveError => console.error("交互获取也失败了：", interactiveError)
          );
      }
    );
}

2. 确保adalService初始化完成后再调用 #

一定要等用户完成认证、adal服务完全初始化后再去获取令牌，比如在组件的ngOnInit里做前置判断：

ngOnInit(): void {
  // 先确认用户已经完成认证
  if (this.adalService.userInfo.authenticated) {
    this.getToken();
  } else {
    // 未认证的话先触发登录流程
    this.adalService.login();
  }
}

3. 直接读取缓存中的令牌 #

既然开发者工具能看到令牌，说明它已经被缓存了，你可以直接调用getCachedToken获取，同时触发令牌刷新保证后续有效性：

public getToken(): void {
  const apiResourceId = "d3ff1be3-8484-4b28-8b67-7df715a5af79";
  const cachedToken = this.adalService.getCachedToken(apiResourceId);
  
  if (cachedToken) {
    console.log("从缓存拿到令牌：", cachedToken);
    // 刷新令牌，避免过期
    this.adalService.acquireTokenSilent(apiResourceId).subscribe();
  } else {
    // 缓存没有的话再发起获取请求
    this.adalService.acquireToken(apiResourceId)
      .subscribe(token => console.log("新获取的令牌：", token));
  }
}

4. 排查配置和版本问题 #

• 确认你传入的apiResourceId是Web API在Azure AD中的客户端ID，没有拼写错误
• 检查Angular应用在Azure AD的注册中，是否已经添加了该Web API的权限，并且管理员已经完成授权（如果是租户级别的权限）
• 查看ng2-adal的版本，有些旧版本存在Observable回调不触发的bug，尝试升级到和你Angular版本兼容的最新版

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