通过 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 是否在 localstorage 中。 如果是，则只需将其发送到后端以处理其余 api 并清除 localStorage。 如果 SAMLResponse 不在 localStorage 中，请遵循常规登录流程。

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

<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>