需要帮助将 Azure SSO 集成到 AngularJS 应用程序中

Need help integrating Azure SSO into an AngularJS application

我正在尝试将 Azure SSO 集成到一个新的 AngularJS 应用程序中,但我正在努力寻找未在 Visual Studio 中编写的完整 AngularJS 示例。我遇到的任何事情要么是不完整的,要么没有说明如何处理经过身份验证的用户、重定向等,要么是 Visual Studio(我不想要)。

我已经按照 ADAL 的教程进行操作 located here,但它没有提供完整的演示(只有代码片段),也没有真正解释如何处理经过身份验证的用户。有什么地方可以找到关于如何集成 Azure SSO 的所有功能的完整 AngularJS 教程?

我可以让我的应用程序调用 Microsoft 登录页面,select 我的用户,然后请求密码,但一旦发生这种情况,我就很难处理重定向 URI。我正在使用 UI-Router,这意味着我所有的视图都是 https://myapp.com/#!/auth 的形式,Azure 声称它不是有效的 URL 重定向到。

如果我将我的重定向 URI 更改为基根之后的任何内容(例如 https://myapp.com/auth/),我每次尝试登录时都会收到错误消息:

AADSTS50011: The reply URL specified in the request does not match the reply URLs configured for the application

如果我将其保留为 root,我的应用程序将退回到 https://myapp.com/#!/ 并且无法识别已登录的用户。

有没有人有任何建议或可以帮助我进行集成? 谢谢。

我通过将以下命令添加到我的 .config() 方法中设法解决了这个问题:

$locationProvider.html5Mode(false).hashPrefix('');

这从我的所有视图中删除了 !,并确保我的应用程序 URL 和重定向 URL 在 Azure 中相同(如@Sruthi J 所推荐),这允许重定向正确发生。