SPA 应用程序（Angular 5）如何访问单独的 WebAPI（在 Azure AD 下）

Question

我们有

• SPA 应用说，SPAApp1（Angular5 使用 ADAL 包）受 Azure AD 保护。
  注意：此解决方案没有 .NET 组件
• WebAPI，比如受 AzureAD 保护的 WebAPI1 (.NET)。
• 在 WebAPI1 中创建了一个名为 AllAccess 的作用域
• 为 Azure 门户中的 AllAccess 范围授予 SPAApp1 对 WebAPI1 的访问权限。

在登录 SPA 应用程序时，我们会获取用户的 ID_Token。

1. 我们如何从 SPAApp1 调用 WebAPI1 并传递具有 合适的范围？
2. 如何生成此令牌，可用于 从 SPAApp1 访问 WebAPI1？

据我所知，要访问资源，我们需要获取包含所需范围 aud（资源的）的访问令牌？我们如何在 SPAApp 中获取此访问令牌

Answer 1

由于您使用的是 adal 包，因此您需要的是资源（而不是 msal 所需的范围参数）。资源的值应该是api://{your_webapi_clientId}

您可以参考代码here获取访问令牌。