Angular-是否有集成ADF的Angular 5软件包

我开始从事一个项目，该项目将开发一个应用程序，该应用程序使用多个ADF对来自Web API的请求进行身份验证

因此，我需要以某种方式使angular客户端从ADFS获取令牌，并在每次转到Web API时将其附加到http请求

问题是，我想知道是否有任何方案已经这样做了

我确实在这里找到了一个，但它不是我想要的。

你应该试试

在app.module.ts中

import { HttpClient, HttpClientModule } from '@angular/common/http';
...
    imports: [..., HttpClientModule  ], // important! HttpClientModule replaces HttpModule
    providers: [
        Adal5Service,
        { provide: Adal5HTTPService, useFactory: Adal5HTTPService.factory, deps: [HttpClient, Adal5Service] } //  // important! HttpClient replaces Http
  ]

范例

import { Adal5HTTPService, Adal5Service } from 'adal-angular5';
...
export class HttpService {
    constructor(
        private adal5HttpService: Adal5HTTPService,
        private adal5Service: Adal5Service) { }

public get(url: string): Observable<any> {
        const options = this.prepareOptions();
        return this.adal5HttpService.get(url, options)
    }

private prepareOptions():any{
 let headers = new HttpHeaders();
        headers = headers
            .set('Content-Type', 'application/json')
            .set('Authorization', `Bearer ${this.adal5Service.userInfo.token}`);
        return { headers };
}

从'adal-angular5'导入{Adal5HTTPService，Adal5Service}；
...
导出类HttpService{
建造师(
专用adal5HttpService:adal5HttpService，
专用adal5Service:adal5Service）{}
公共get（url:string）：可观察{
const options=this.prepareOptions（）；
返回此.adal5HttpService.get（url，选项）
}
private prepareOptions（）：任何{
let headers=新的HttpHeaders（）；
标题=标题
.set（'Content-Type'，'application/json'）
.set（'Authorization'，'Bearer${this.adal5Service.userInfo.token}'）；
返回{headers}；
}