如何使用 Angular 获取 Azure 服务主体的不记名令牌？答案

【问题标题】：How to obtain bearer token for azure service principal with Angular?如何使用 Angular 获取 Azure 服务主体的不记名令牌？
【发布时间】：2021-02-12 08:58:11
【问题描述】：

我需要获取 Azure 服务主体的不记名访问令牌。我想在 Angular 应用程序中使用它来嵌入 power bi 报告。

鉴于我有principial Id和secret以及tenant id，我如何获得它？

更具体地说：我有带有 client_id 和 client_secret 的服务主体。我可以使用 .NET Core 通过 AppOwnData 方式获取不记名令牌。显示在此链接中。

https://github.com/microsoft/PowerBI-Developer-Samples

但在我的情况下，我不想使用任何后端代码，而是想以角度获取服务主体的不记名令牌。

【问题讨论】：

见：github.com/Azure-Samples/…

标签： angular azure azure-active-directory service-principal azure-service-principal

【解决方案1】：

您可以参考以下代码示例：https://github.com/Azure-Samples/ms-identity-javascript-angular-spa-aspnetcore-webapi

该示例讨论了使用 Angular SPA 调用 ASP .NET Web api。

【讨论】：

但在我的情况下，我不想使用任何后端代码，如果可能的话，我想以角度获取服务主体的不记名令牌。
嗨，我们没有现成的示例，但我可以分享您更新上述示例代码的详细信息。在上面的示例中，您唯一需要更新的是 Web API，只需继续提及在 AAD 中注册的另一个应用程序的应用程序详细信息，然后从 AAD 获取该应用程序的令牌。其余过程将保持不变。