尝试使用adal-angular5并遇到Adal5Service.acquireToken
方法问题:它总是与以下内容有关:
令牌更新操作由于超时而失败
StackBlitz上的在线完整示例。去测试:
https://angular-96tws9.stackblitz.io
在Azure Portal中为您的应用注册URL这里是app.component.ts
:
import { Component, OnInit } from '@angular/core';
import { Adal5Service } from 'adal-angular5';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
constructor(private adalSvc: Adal5Service) {
let config: adal.Config = {
tenant: 'XXX.onmicrosoft.com',
clientId: '21efffd5-29fc-XXX',
postLogoutRedirectUri: window.location.origin,
endpoints: {
graphApiUri: "https://graph.microsoft.com",
},
cacheLocation: "localStorage",
redirectUri: ''
};
this.adalSvc.init(config);
}
ngOnInit(): void {
this.adalSvc.handleWindowCallback();
if (!this.adalSvc.userInfo.authenticated) {
this.adalSvc.login();
return;
}
// work correct
console.log(this.adalSvc.userInfo.username);
this.adalSvc.acquireToken("https://graph.microsoft.com")
.subscribe(
token => console.log(token), // never comes
error => console.log(error)); // error: Token renewal operation failed due to timeout
}
}
这里是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"
}
}
终于有了adal-angular5库,它开始工作了。下面是完整的例子的
示例仅使用标准的Adal.js(无包装),并使用@ types / adal-angular中的类型。
有角度的溃败正在发挥作用。另外,续订令牌时没有重复请求。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句