Angular 2 SPA Azure Active Directory JWT问题

3 回答

• 1

  好的，所以我设法解决了这个问题 . 基本上解决方案如下：

  Angular 2应用程序必须使用其配置的客户端ID来使用AAD进行主要身份验证 .

  所以它的配置是

  tenant: '<tenant>',
  clientId: '<configured angular 2 client id', 
  redirectUri: 'some redirect',
  postLogoutRedirectUri: 'some redirect',
  cacheLocation: 'localStorage'
  

  而且这个工作没有成功的原因是，一旦Angular Client成功登录，它就会尝试使用这个令牌访问一个web api（这是重要的一点）在 different machine 上 .

  为了解决这个问题，我在ng2-adal上调用了函数acquireToken，如下所示：

  this.adalService.acquireToken(<client id of target web api>).subscribe(p=>{
         console.log("Acquired token = " + p);
  
         let headers = new Headers();
          headers.append("Authorization", "Bearer " + p);
          someService.testWebApi(headers).subscribe(res => {
          console.log(res);
        }, (error) => {
          console.log(error);
        });
  
  
      }, (error => {
        console.log(error);
      }));
  

  然后服务调用工作..所以基本上我的情况是我试图在另一台机器上对另一个web api进行CORS调用，因此我登录的令牌不允许在另一台机器上进行web api调用 .

  我已经读过这样做的一种更有效的方法是将它存储在配置的 endpoints 集合中，以便在为远程计算机调用uri时，会选择正确的资源 endpoints ，但我无法将其转换为工作 . 我希望这可以帮助别人 .

  回复于 2024-04-20T20:30:13+08:00
• 3

  实际上， payload 中 aud 的值应该是Azure AD应用程序的客户端ID，您的ng2应用程序将从该客户端ID获取访问令牌 . 因此，如果Azure上的Web API应用程序受此AzureAD应用程序的保护，则来自ng2的访问令牌应该能够针对您的Web API授权请求调用 .

  我有一个快速测试利用NG2 ADAL sample，使用最简单的配置如下：

  {
    tenant: '<tenant id>',
    clientId: '<azure ad application client id>', // also use this application to protect the backed services
    redirectUri: window.location.origin + '/',
    postLogoutRedirectUri: window.location.origin + '/'
  }
  

  它在我身边很好用 .

  请仔细检查您的配置，然后重试 .

  回复于 2024-04-20T20:30:13+08:00
• 1

  我有同样的问题 . 在 endpoints 中，我放置了APP URI ID，将其替换为App ID .

  var endpoints = {

  // Map the location of a request to an API to a the identifier of the associated resource
      "https://localhost:44327/": "<Application ID>" // Not APP URI ID
   };
  

  还启用了CORS for Web API . 跟着这个：https://docs.microsoft.com/en-us/aspnet/web-api/overview/security/enabling-cross-origin-requests-in-web-api

  回复于 2024-04-20T20:30:13+08:00