Angular Adal ANGLAR5 Adal5Service.acquireToken与“Adal ANGLAR5 Adal5Service.acquireToken”;令牌续订操作因超时而失败;,但在网络中也有成功的请求
尝试使用Adal5Service时出现问题。acquireToken方法:它始终与以下内容有关: 令牌续订操作因超时而失败 在线完整的例子。要测试:Angular Adal ANGLAR5 Adal5Service.acquireToken与“Adal ANGLAR5 Adal5Service.acquireToken”;令牌续订操作因超时而失败;,但在网络中也有成功的请求,angular,azure-active-directory,angular5,adal,adal.js,Angular,Azure Active Directory,Angular5,Adal,Adal.js,尝试使用Adal5Service时出现问题。acquireToken方法:它始终与以下内容有关: 令牌续订操作因超时而失败 在线完整的例子。要测试: 粘贴您的租户 粘贴你的客户ID 注册URLhttps://angular-96tws9.stackblitz.io在应用程序中 在新窗口中打开 下面是app.component.ts: 从'@angular/core'导入{Component,OnInit}; 从'adal-angular5'导入{Adal5Service}; @组成部分({
- 粘贴您的租户
- 粘贴你的客户ID
- 注册URL
在应用程序中https://angular-96tws9.stackblitz.io
- 在新窗口中打开
app.component.ts
:
从'@angular/core'导入{Component,OnInit};
从'adal-angular5'导入{Adal5Service};
@组成部分({
选择器:'应用程序根',
templateUrl:“./app.component.html”,
样式URL:['./app.component.css']
})
导出类AppComponent实现OnInit{
构造函数(专用adalSvc:Adal5Service){
let config:adal.config={
租户:“XXX.onmicrosoft.com”,
clientId:'21efffd5-29fc-XXX',
postLogoutRedirectUri:window.location.origin,
端点:{
graphApiUri:“https://graph.microsoft.com",
},
cacheLocation:“本地存储”,
重定向URI:“”
};
this.adalSvc.init(config);
}
ngOnInit():void{
this.adalSvc.handleWindowCallback();
如果(!this.adalSvc.userInfo.authenticated){
this.adalSvc.login();
返回;
}
//工作正确
log(this.adalSvc.userInfo.username);
this.adalSvc.acquireToken(“https://graph.microsoft.com")
.订阅(
令牌=>console.log(令牌),//永远不会出现
error=>console.log(error));//错误:令牌续订操作因超时而失败
}
}
网络中有正确获取的令牌:
第页错误
下面是package.json
:
{
"name": "angular-template",
"description": "",
"homepage": "https://stackblitz.com/edit/angular-96tws9",
"dependencies": {
"@angular/animations": "^5.0.0",
"@angular/common": "5.0.0",
"@angular/compiler": "5.0.0",
"@angular/core": "5.0.0",
"@angular/forms": "5.0.0",
"@angular/http": "^5.0.0",
"@angular/platform-browser": "5.0.0",
"@angular/platform-browser-dynamic": "5.0.0",
"@angular/router": "5.0.0",
"core-js": "2.5.1",
"rxjs": "5.5.2",
"zone.js": "0.8.18",
"adal-angular5": "1.0.36"
},
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"devDependencies": {
"@angular/cli": "1.5.4",
"@angular/compiler-cli": "^5.0.0",
"@angular/language-service": "^5.0.0",
"@types/jasmine": "~2.5.53",
"@types/jasminewd2": "~2.0.2",
"@types/node": "~6.0.60",
"codelyzer": "~3.0.1",
"jasmine-core": "~2.6.2",
"jasmine-spec-reporter": "~4.1.0",
"karma": "~1.7.0",
"karma-chrome-launcher": "~2.1.1",
"karma-cli": "~1.0.1",
"karma-coverage-istanbul-reporter": "^1.2.1",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.1.2",
"ts-node": "~3.0.4",
"tslint": "~5.3.2",
"typescript": "~2.4.2"
}
}
我不确定这是否是您的实现,但似乎其他人也有。on表示
adal存在问题w/acquireToken()-angular@1.0.16
(阅读最后一条评论)
是这两种adal实现的底层包。我自己在使用ng2 adal时遇到了这个问题,并降级为adal-angular@1.0.14
并使acquireToken()
正常工作。但不确定adal-ANGLAR5
如何处理这个问题
如果您希望尝试使用
ng2 adal
,那么我使用的示例是ng2 adal
包(使用Angular/.NET内核)和(单机版)。希望这有帮助。终于可以在没有库的情况下让它工作了。
这是我的
- 授权用户
- 获取Microsoft Graph Api的令牌
- 从Microsoft Graph Api获取用户消息
- 沉默更新令牌
角度路由正在工作。此外,续订令牌时没有双重请求。错误来自dependency:adal的引用 在图书馆adal-ANGLAR5中,依赖性不好。 您不必重新启动adal angular。
这个主题拯救我的一天:你能发布你的
package.json吗?@Milo,added package.json。我也有同样的问题。我试过你的解决办法,但对我无效。您是否有任何未应用于github解决方案的更新?谢谢