Angular

Question

我开始从事一个项目，该项目将开发一个使用多个 ADFS 来验证 Web 请求的应用程序 API。

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

问题是不知道有没有包已经做到了？

我确实在这里找到了 tutorial，但这不是我要找的。

Answer 1

在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 };
}

Angular - 有没有集成ADFS的Angular5包

Angular - Is there any Angular 5 package that integrated ADFS

adfs