将Azure Active Directory与Angular 5结合使用的最佳方法

Question

我正在寻找一种安全且流行的方式来将Angular 5应用与Azure Active Directory结合使用。 Angular 5和.Net Core有所不同。

我看到一种常见的实现方法是使用this包装程序包（adal-angular4）。它似乎涵盖了Angular 4、5和6。

我是包装盒的新手，我主要关心的是：是否可以在业务环境中使用它们？还有其他将Angular 5与Azure AD结合使用的“专业”方法吗？我是否应该寻找其他替代方案，例如适用于JavaScript的Microsoft ADAL.js？

Answer 1

做到这一点的最佳方法可能是创建一个Adal服务来封装逻辑并注入到其他需要身份验证的组件中：

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

const authContextFn: AuthenticationContext = AuthenticationContext;

@Injectable()
export class AdalService {

    private adalContext: AuthenticationContext;

    constructor() {
        this.adalContext = new authContextFn();
    }
}