Adal.js未触发身份验证

Question

我正在尝试将adal.js集成到我的应用程序中。下面是我的密码。请告诉我为什么不触发身份验证。

   var app = angular.module('TestWebApp', [
'ngRoute',
'testControllers',
'testServices',
'datatables',
'AdalAngular'

])；

/**
* Configure the Routes
*/
app.config(['$routeProvider', '$httpProvider',     'adalAuthenticationServiceProvider', function ($routeProvider, $httpProvider, adalAuthenticationServiceProvider) {


 $routeProvider
// Home
  .when("/dashboard", {templateUrl: "partials/package.html", controller: "searchCtrl",requireADLogin: true})
// else 404
  .otherwise("/404", {templateUrl: "partials/404.html", controller: "searchCtrl"});

  adalAuthenticationServiceProvider.init(
 {
 tenant: 'test.onmicrosoft.com',
 clientId: '23234sf-sdf-------'
 },
 $httpProvider
);
}]);

我的网页网址是链接这个的。

http://localhost:8081/test-ui/#/dashboard

这应该转到Azure登录页面，但不会进行。

Answer 1

您的问题：，我认为您对链接有问题。您的链接应该如下：http://localhost:8081/test-ui#/dashboard

<a href="#/home">Home</a>
<a href="#/todoList">ToDo List</a>
<a href="#/contactList">Contact List</a>

Adal.Js使用requireADLogin关键字中断路由更改事件。如果你没有看到任何重定向，它可能与路由技术事件没有开火有关。我建议添加不同的路线到您的应用程序，以验证角路线首先。

General guideline：您可以先尝试示例应用程序，看看您的配置是否有效。示例应用程序：https://github.com/AzureADSamples/SinglePageApp-DotNet

如果您对配置有问题，可以按照ReadMe文件中的步骤来设置应用程序配置。

如果示例应用程序适用于您的配置，并且您的应用程序有问题，您可以看到Fiddler的调用，并进一步调试到adal.js中。登录重定向事件也广播adal:loginRedirect。

Answer 2

我认为您的tenantID可能是正确的-它需要是您的AD门户拥有的应用id URI(减去应用程序的名称)在您的蔚蓝门户。我也会看看清单-这是一个很大的改变。步骤在Omar链接的页面上。SinglePageApp示例是启动过程中的一个很好的资源，如果对于adal部分来说可能有点琐碎的话，这个示例是干净的。您还应该查看维托里奥出色的深潜以获得对adal.js的良好解释和很好的回顾。

Answer 3

对我来说，问题是我有一个登录按钮，它的表单由于action="#"而重定向，所以Azure重定向不起作用。我刚刚删除了整个action-attribute，它起作用了