[

Jay

](https://.com/@jay-reddy?source=post_page—–af7bca3f5fff——————————–)[

Nerd For Tech

](https://.com/nerd-for-tech?source=post_page—–af7bca3f5fff——————————–)

照片由 亚历山大·希梅克 on Unsplash

虚拟生活很好。每天都有新的服务和产品出现，提供比上一个更具吸引力和花哨的功能。参加这项服务的诱惑非常高，对许多人来说是不可抗拒的。

我们生活在一个大多数决定都是由在线趋势而不是选择有用的服务做出的世界中。

但是，许多服务都会带来许多密码。

为每项新服务设置不同的密码是一种很好的做法，并且植根于人类的良知中。在保护您的登录信息时，这一点非常重要。

 但。。。

研究表明，78%的人经常忘记密码并选择重置。平均而言，一个人每月至少重置密码五次，每次重置平均花费 10 分钟。

有时，当涉及安全问题和多级身份验证时，重置密码可能会令人沮丧。有时，如果人们无法记住密码或重置密码，他们就会放弃该服务。

当您是一家初创公司或新兴公司时，这对您的成长来说可能非常昂贵。最好将单点登录 （SSO） 集成到您的产品中，以使您的客户免于登录问题。

SSO 是开发人员集成和用户管理登录的更好方式。它是企业级身份验证：一种非常可靠和值得信赖的自动登录方式。

出于多种原因，用户很可能不会使用其凭据注册新产品。

但是，他们信任Gmail，Microsoft和GitHub等电子邮件提供商的凭据，并倾向于确保不会忘记这些密码，因为他们的数字生活取决于它们。

借助 SSO，我们可以通过让用户注册使用服务来利用用户的信任点。当他们看到通过受信任的提供商注册和登录的途径时，他们会以积极的心态注册服务。

通过自定义代码实现上述所有要点就像重新发明轮子一样，效率低下且难以维护。因此，相反，您可以使用像 Frontegg 这样的工具为您完成大部分工作。

 使用 SSO 工具

Frontegg 是一个专为现代企业设计的用户管理平台。它提供极快的身份验证，具有易于集成、内置安全性和合规性。他们的免费登录框构建器非常适合 SSO 解决方案。

SSO 可以使用不同的协议实现，例如 OpenID Connect、SAML 等。该实现在各个协议中是唯一的。在这里，我们将使用 SAML 进行实现。

 要求：

  1. 播放框架入门版本。
  2. pac4j 与 Play 2.5 + Scala for SAML SSO。
  3. 熟悉 Frontegg 的快速 React 指南。

创建一个 Play Scala 种子包，导入 pac4j 依赖项，然后运行 Frontegg 指南中的 npm shell 脚本。接下来，我们需要从版本控制标签中导入 js 脚本，我们就可以开始了。

我们在 /account/sign-up 端点的默认播放端口 9000 处获得注册表单。

您可以从 SDK 轻松自定义登录框的视图和布局。

 定制和设计

让我们看看我们如何轻松地自定义布局以在密码和无密码 SSO 之间进行选择。

Frontegg 提供了一个易于使用的无代码 SDK 来自定义您的登录框，并允许您从大量服务中进行选择来验证用户登录。您可以通过启用或禁用 SDK 中的功能来自定义布局。

 集成

完成所有设计更改后，您可以按照快速指南中的脚本集成登录框。点击发布更改按钮，Frontegg 通过在您的网站上附加更改来运行其魔力。

这些服务在当地环境中运行得非常好。一切都在后台发生，我们会收到一个指向电子邮件地址的激活链接，如下所示。

通过激活链接，您可以设置密码，仅此而已。我们在主页上，具有易于集成和令人敬畏的自定义选项。

目前，Frontegg 提供 Angular、React 和 VueJS 的集成。

 㯱

SSO 是使用户登录安全、简单的最可靠方法，它消除了复杂性和重复性步骤。

当您的服务面向客户时，除了内部使用功能（如处理团队、管理权限、审核活动、设置角色等）外，为用户提供通用登录功能也至关重要。

通过将 SSO 集成到服务中并让用户选择，可以向用户提供企业级身份验证体验。选择使集成变得简单易行的服务。