Adal.js not triggering the authentication

Question

I am trying to integrate adal.js in my application. Below is my Code. Could someon please let me know why the authentication is not triggered.

   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
);
}]);

And my page url is something link this.

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

This should go to the Azure login page but its not going.

Did you check the sample at github.com/AzureADSamples/SinglePageApp-DotNet? — Omer Cansizoglu
– Omer Cansizoglu, Commented Jan 20, 2015 at 17:02

user4505096 · Accepted Answer · 2015-01-28 22:33:33Z

1

I think that your tenantID is probably right - it needs to be whatever your AD portal had for the app id URI(minus the name of the application) inside your azure portal. I would also look at the manifest - This is a pretty big deal to have changed. The steps are on the page Omar linked. The SinglePageApp example is a great resource in starting out, and the example is clean, if maybe a bit trivial for the adal portion. You should also check outvittorio's excellent deep dive for a good explanation and great review of adal.js

answered Jan 28, 2015 at 22:33

user4505096

111 bronze badge

Sign up to request clarification or add additional context in comments.

Comments

kabaehr · Accepted Answer · 2016-06-21 15:45:04Z

1

For me the problem was that I had a login button with a form that was redirecting because of action="#" and so the Azure redirecting was not working. I just removed the whole action-attribute and it worked

answered Jun 21, 2016 at 15:45

kabaehr

1,04011 silver badges18 bronze badges

Comments

Omer Cansizoglu · Accepted Answer · 2015-01-20 20:35:15Z

Your issue: I think you have an issue with the link. Your link should be like this: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 uses requireADLogin keyword to interrupt the route change event. If you don't see any redirection, it could be related to the routechange event not firing. I suggest to add different routes to your app to verify angular routes first.

General guideline: You can try the sample app first to see if your configurations is working. Sample app:https://github.com/AzureADSamples/SinglePageApp-DotNet

If you have an issue with config, you can follow the steps in the ReadMe file to setup your app config.

If sample app works for your config and your app is having issues, you can see the calls with Fiddler and further debug into adal.js as well. Login redirect event also broadcasts adal:loginRedirect.

Collectives™ on Stack Overflow

Adal.js not triggering the authentication

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related