通过 Okta 的 Angular 2/5 和 SAML 身份验证

Question

我们正在构建一个以 Node 作为后端层的 Angular 5 应用程序前端应用程序。从 Angular 到节点的 API 请求通过基本身份验证进行身份验证，但我们计划通过 Okta 为 Angular Web 应用程序实现 SAML 身份验证

有人可以建议如何为 Angular 实现 SAML

Answer 1

我通过添加单个 jsp 页面来收集来自 Okta 的帖子响应来实现这一点。收到 SAMLResponse 然后存储在 localStorage 中(加密或纯文本。这取决于您和您的要求)。然后重定向到 Angular 应用程序的基本 url。您需要编写代码来检查 SAMLResponse 是否在本地存储中。如果是，则只需将其发送到后端以通过 rest api 进行处理并清除 localStorage。如果 SAMLResponse 不在 localStorage 中，则遵循常规登录流程。

如果要启用 SLO，则需要在表单元素上使用 ngNoForm 指令创建非 Angular 表单，并将请求作为 post 请求发送。重定向绑定(bind)不起作用。

<form ngNoForm method="POST" id="hiddenForm" action="idpUrl">
    <input type="hidden" id="SAMLRequest" name="SAMLRequest" value=""/>
    <input type="hidden" id="RelayState" name="RelayState" value=""/>
</form>