无法使用adal.js进行无身份验证

Question

我的项目由webapi和SPA应用程序组成。

我尝试使用Adal.js实现验证。 这是我的javascript代码：

$(function() { 
    var endpoints = { 
     "https://demowebapi2017.azurewebsites.net/api/values/7": "WEB API ID" 
    }; 
    window.config = { 
     tenant: '7dda5c2-2fb6-4f82-...', 
     clientId: 'CLIENT ID', 
     endpoints: endpoints 
    }; 
    window.authContext = new AuthenticationContext(config); 


    $("#login").click(function() { 
     window.authContext.login(); 
    }); 

    $("#logout").click(function() { 
     window.authContext.logOut(); 
    }); 

    $("#clickMe").click(function() { 
     var user = window.authContext.getCachedUser(); 
     console.log(user); 

     window.authContext.acquireToken('https://demowebapi2017.azurewebsites.net', function (error, token) { 
      console.log(error); 
      console.log(token); 
     } 
      ); 
    }); 
}); 

登录工作正常，我可以看到我输入凭据登录IFRAME。 当我点击'clickMe'时，我收到错误消息：'用户登录需要'和用户为空。

一切工作正常使用Angular和Adal-angular.js，所以我所有的Azure配置都很好。

有没有人有关于发生什么的想法？

Answer 1

登录后，应用程序需要初始化用户从哈希解析id_token。以下是供您参考的演示代码：

$(function() { 
    var endpoints = { 
     "https://graph.windows.net": "https://graph.windows.net" 
}; 
window.config = { 
    tenant: 'xxxx.onmicrosoft.com', 
    clientId: 'aac92cf9-32ab-4004-aeab-1046389dff79', 
    endpoints: endpoints 
}; 
window.authContext = new AuthenticationContext(config); 


$("#login").click(function() { 
    window.authContext.login(); 
}); 

$("#logout").click(function() { 
    window.authContext.logOut(); 
}); 

$("#clickMe").click(function() { 
    var user = window.authContext.getCachedUser(); 
    console.log(user); 

    window.authContext.acquireToken('https://graph.windows.net', function (error, token) { 
     console.log(error); 
     console.log(token); 
    } 
     ); 
}); 

function init(){ 
    if(window.location.hash!="") 
     window.authContext.handleWindowCallback(window.location.hash); 
} 

init(); 
});