在角7中使用Adal.js

Question

我正在开发一个使用Range7的web应用程序，这个应用程序与用dot.net核心编写的Web后端服务进行通信。

这两个应用程序已经部署到Azure中，并设置了它的所有配置:资源组、启用CORS、Azure AD等。

我目前面临的问题是如何消耗端点，比如说如何正常获取。我得到了一个401 http错误，这是有意义的。因此，我开始在Adal.js应用程序中实现Adal.js，让用户对Azure Active Directory进行身份验证，获取令牌并在请求头上注入令牌(下面是文章：ADAL.js与Angular4+的结合)。但是，我得到了这个错误：

adal.services.ts

import { Injectable } from '@angular/core';
import { adal } from 'adal-angular';
import { Observable, Subscriber } from 'rxjs';
import { retry } from 'rxjs/operators';

import { AdalConfigService } from './adal-config.service';

declare var AuthenticationContext: adal.AuthenticationContextStatic;
let createAuthContextFn: adal.AuthenticationContextStatic = AuthenticationContext;

@Injectable({
  providedIn: 'root',
})
export class AdalService {
  private context: adal.AuthenticationContext;
  constructor(private configService: AdalConfigService) {
    this.context = new createAuthContextFn(configService.adalSettings);
  }

错误：

​

我已经安装了以下Adal.js包：npm安装adal-角 npm安装@type/adal角

有没有人面临类似的问题？任何帮助都非常欢迎。

Answer 1

由于@types/adal已被@types/adal-angular所取代，自那时以来，AuthenticationContext导出的方式似乎发生了变化，现在可以使用如下的ES6语法导入：

import * as AuthenticationContext from 'adal-angular';

示例

import { Injectable } from '@angular/core';
import { AdalConfigService } from './adal-config.service';
import * as AuthenticationContext from 'adal-angular';

@Injectable()
export class AdalService {
    private context: AuthenticationContext;
    constructor(private configService: AdalConfigService) {
        this.context = new AuthenticationContext(configService.adalSettings);
    }
    login() {
        this.context.login();
    }
}