将 ADFS 与 Angular 2 项目集成

Question

我必须将 ADFS 与 angular 2 项目集成。我知道，这个 ADFS 现在是旧的了。但我们只需要这个。

我发现了类似的问题 On-Prem ADFS 。它建议使用angular2-adal。我也试过了。 但是，当单击登录按钮时，这件事给了我 ADFS 错误页面。 下面是我正在尝试的代码。

private endpoints: any = {
    'http://localhost:58689':
          'https://localhost:44302', // as registered in ADFS //  
  };


  public get adalConfig(): any {
    return {
        instance: 'https://adfs.domain.com/',
        tenant: 'adfs', 
        clientId: 'https://localhost:44302',  
        redirectUri: window.location.origin + '/',
        postLogoutRedirectUri: window.location.origin + '/',
        endpoints: this.endpoints
    };
  }

我不知道是什么错误，我尝试了很多组合来设置属性，但总是相同的错误页面。

注意：

1. http://localhost:58689是我的本地网站网址

2. https://localhost:44302 // 是 ADFS 服务器上的依赖方标识符。

问题：

1) 我的网站是否必须在 https 上，也可以在 HTTP 上，

2) 除了angular2-adal，还有其他解决方案吗，对于 ADF 与 Angular 2 的集成，我只需要 ADFS。这是唯一的问题（无 OAuth，无 SAML）

Answer 1

为了与 ADFS 通信，您必须使用 OpenID Connect (OAuth)、WS-Fed 或 SAML。

您还需要 ADFS 4.0。

是的 - 您需要使用 ADAL。

这是example。