将 Azure Active Directory 与 Angular 5 结合使用的最佳方式答案

【问题标题】：The best way to use Azure Active Directory with Angular 5将 Azure Active Directory 与 Angular 5 结合使用的最佳方式
【发布时间】：2019-01-23 10:17:38
【问题描述】：

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

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

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

【问题讨论】：

我认为没有什么可以阻止您将 ADAL.JS 与 Angular 5 一起使用。只是您可能需要编写该包装器。

标签： angular web-applications angular5 azure-active-directory adal

【解决方案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();
    }
}

【讨论】：