使用本地 ADFS 的 Angular 2 身份验证

Question

我们决定使用 Angular 2 作为我们新项目的框架。在尝试处理事物的安全方面时，我找不到太多关于使用 on-prem ADFS 进行身份验证的信息。有很多处理 Azure AD 的方法，但这不是我们的选择。
有谁知道能够设置 Angular 2 以成功针对 ADFS 进行身份验证的方法吗？

Answer 1

您可以使用 ng2-adal npm library 成功实现它，您可以采用与为 Azure AD 实现相同的方式来实现它，但您需要填写 secret-service 的值.js ADFS 值如下:

import { Injectable } from '@angular/core';

@Injectable()
export class AdfsSecretService {
  private endpoints: any = {
    'http://{your-website-url}/':
    'http:/{the-service-provider-identifier}', // as registered in ADFS
  };

  public get adalConfig(): any {
    return {
        instance: 'https://{your.adfs.site}/',
        tenant: 'adfs',
        clientId: '{adfs-client-guid}',
        redirectUri: window.location.origin + '/',
        postLogoutRedirectUri: window.location.origin + '/',
        endpoints: this.endpoints
    };
  }
}

您可以在库的自述文件部分找到指向示例的链接。

在 ADFS 端，您需要在 ADFS 下将您的应用程序注册为一个应用程序组，有关详细信息，请参阅此技术网 article