如何使用adal和Angular 5

时间:2018-03-24 18:20:38

标签: angular azure asp.net-web-api angular5 adal

我在Azure租户上部署了一个简单的测试Web API作为应用程序。单个Web服务方法设置为已授权。

我还创建了两个客户端应用程序。 首先使用Angular JS 和adal.js以及adal-angular.js。此应用程序使用Azure AD进行身份验证,成功访问Azure部署的api上的测试方法。

第二个应用程序是使用Angular 5构建的,并使用adal-angular5 npm库。它会对我们的Azure AD进行身份验证,但它无法获得测试方法。使用npm页面上提供的示例代码,它甚至不会放置http get(没有xhr请求显示在Chrome网络选项卡中)。控制台中未显示任何错误,但应用程序会话存储中出现“invalid_state”错误。

一个有趣的注意事项是,在AngularJS应用程序中,id令牌和访问令牌看起来是不同的,并且访问令牌使用Postman请求。 adal-angular5版本中的id和访问令牌是相同的,并且不执行Postman中的get(“消息”:“此请求已拒绝授权。”

有没有人成功使用adal-angular5来验证Azure网络API?

或者,是否有人知道可以使用Angular 5和Azure web api的机制?

无论哪种方式,示例代码都很棒!

我对此感到非常感激。

0 个答案:

没有答案