在AAD安全的Azure Web应用中检索访问令牌

Question

我有一个Angular4应用程序托管在Azure Web应用程序和一个应用程序中。NET核心Web API托管在Azure API应用程序中。

该API由Azure Active Directory保护。目前，我使用ng2 adal获取一个访问令牌，并将其注入头中以执行API调用。

现在，我尝试删除ng2 adal模块，并使用相同的ClientId（如API）使用身份验证/授权功能保护我的Web应用程序。当我浏览我的网站时，我会被重定向到AAD登录，成功登录后，我会被重定向到我的网站。现在我不想在我的Web应用程序中调用API（使用相同的ClientId进行保护），但找不到检索令牌的方法。

在这种情况下，有没有办法在我的Angular应用程序中检索访问令牌？看起来令牌被加密存储在AppServiceAuth会话Cookie中：

Answer 1

找到此解决方案：

只需在身份验证/授权时添加应用程序url-

因此webapi将自动接受这些cookie。

ps：确保您的ajax请求正在传递这些cookies。

Answer 2

我已经做了一个星期了。所以，我想分享一下我是如何得到它的。

我能够使用AAD对我的应用程序进行身份验证。

我的Cookie存储中有AppServiceAuthsession。

然后在我的应用程序中，我调用了auth/meapi。

https://yourwebsite.azurewebsites.net/.auth/me

所以，这就像：

this.$http
  .get('https://yourwebsite.azurewebsites.net/.auth/me').then(response => {
    console.log(".auth/me", response)
  }, err => {
    console.log("Error: ", err)
  })

我实际上在使用Vue。调用HTTP可能会有所不同。就这样。

我基本上调用了auth/meapi来检索我需要的信息。

另外，你当然需要经过认证。

Answer 3

AppServiceAuthSession是与令牌不同的cookie。在此场景中，您需要修改Azure应用程序的配置，使其获得web API的访问令牌。

我们可以使用资源浏览器修改如下设置：

1.找到angular web应用程序

2.找到配置文件-

"additionalLoginParams": [
  "response_type=code id_token",
  "resource=3fa9607b-63cc-4050-82b7-91e44ff1df38"
],

3.为Azure应用程序配置重定向uri，如下所示：https://appfei.azurewebsites.net/.auth/login/aad/callback

然后，在登录angular应用程序后，您可以通过endpoint获得access_令牌：https://appfei.azurewebsites.net/.auth/me