如何为以 Azure AD 作为身份提供者的 Angular 7.x 应用程序实施基于 SAML 的身份验证？答案

【问题标题】：How to implement SAML based authentication for an Angular 7.x application with Azure AD being the Identity provider?如何为以 Azure AD 作为身份提供者的 Angular 7.x 应用程序实施基于 SAML 的身份验证？
【发布时间】：2019-02-11 23:30:20
【问题描述】：

我正在构建一个 Angular 7.x 应用程序，其中身份提供者将是 Azure AD，并且必须使用 SAML 对用户进行身份验证。我还没有找到这种实现的解决方案/示例。我需要用户的员工 ID 和职位，但被要求不要使用图形 API。有人可以帮我吗？

MsAdalAngular6Module.forRoot({
      tenant: 'XXXX-XXXX-XXXX-XXXXXXXX',
      clientId: 'XXXX-XXXX-XXXX-XXXXXXXX',
      redirectUri: 'https://localhost:4200/',
      endpoints: {
        'https://graph.microsoft.com': 'XXXX-XXXX-XXXX-XXXXXXXX'
      },
      navigateToLoginRequestUrl: false,
      cacheLocation: 'localStorage',
    })

【问题讨论】：

查看指南和随附示例npmjs.com/package/microsoft-adal-angular6
是的，到目前为止我已经使用本指南实现了，但它没有告诉我如何使用 SAML 协议。
嗨。你有什么解决办法吗？即使我需要相同的
@ShreeramMuralidharan 嗨，Sheeram。您是否设法在您的 Angular 应用程序中实现 SAML？如果您能分享您的解决方案，那就太棒了。

标签： angular authentication saml-2.0 adal

【解决方案1】：

有 Passport SAML 和 saml2-js，但它们适用于 Node / NPM。

这是一个选项吗？

否则，将 Auth0 / Okta 之类的东西放在中间。然后按照上述方法将 OpenID 连接到 Auth0（Auth0 有自己的示例），然后将 SAML 连接到 IDP。

【讨论】：