终结重复开发,两三下搞定登录系统个性化

登录和注册,是所有系统与应用的第一步,也是企业给用户的“第一印象”——通过品牌化的登录界面,能够强化用户对企业的认知;而顺畅的登录体验及舒适的 UI,能更好的留住用户。

然而,开发登录页面和登录流程,被许多企业和开发者公认的繁琐且冗余。有没有一种可能,当系统需要更换登录方式时,不用再花费大量时间完全替换原有的登录表单,能对同企业下不同应用的登录样式进行统一而不需重复开发,以节省时间,去做更针对业务、更核心的内容?

Authing 通用登录组件(Guard),一种可根据需求进行自定义配置的登录组件,只需要通过简单的代码,就能被轻松嵌入应用程序中;Guard 采用语义化编程模型 (opens new window),可以快速构建自定义风格的界面和认证流程,相对于手动实现,能大幅提升开发效率。

近期,Guard 在原有的基础上,又增加了许多提升用户体验、降低企业开发成本的新功能。

01

灵活自定义,提供优质的登录体验

传统登录页的 UI 开发细节耗时且耗神,其实可以交由 Guard,轻松通过点击进行配置。

Authing Guard 支持自主设置纯色或图片背景,可通过自主上传 Logo 来自定义加载图标,让定制化的登录页面成为企业的品牌化窗口。若企业对 UI 有严格的设计要求和统一性要求,Guard 也允许前端开发专家通过「自定义 CSS」功能,使用 HTML/CSS/JavaScript 实现更加个性化的登录框样式。

如果企业想更进一步,希望某应用的登录框能独立于全局登录框的配置,可以点击应用中的高级配置,然后打开自定义本应用登录框的按钮。全局登录框的相关配置会被直接继承,管理员可在此基础上进行单个应用的配置调整,而不影响全局登录框或其他应用登录框。

此外,针对拥有海外业务的企业,Guard 国际化短信能让企业设定默认区号,企业可针对面向的用户地区自行设置用户短信验证的区号,减少一一选择短信对应区号的麻烦。语言切换方面,则不再需要用户自行点击切换,登录框将默认跟随浏览器语言进行切换。未来,Authing 也会根据更多语言去做默认浏览器语言的适配。

02

更简单的配置,减轻开发成本和负担

Authing 所有产品,都以“开发者友好”为初心。每次产品功能的迭代,我们都在提供可靠的产品性能的同时,追求更高的可用性,以提升所有企业和开发者的生产力。

Guard 全局可视化配置面板,从原本勾选框式的配置区,改为一个所见即所得的配置区。当企业在控制台右侧进行操作时,能在左侧立即反映配置结果。同时,Guard 也支持包括移动端与网页端切换的预览,以及双语切换的登录框预览。

至于移动端场景,Authing 也提供应用且丰富的配置,支持企业轻松添加各种社会化登录方式,以便用户无缝登录,在不同平台拥有一致的登录体验。

值得一提的是,除了多场景,Authing Guard 也同时支持 React、Vue、Angular 及原生 JavaScript 命令式调用等多种集成模式,能对任何项目进行无缝、轻量的集成。

Authing Guard 是灵活性和集成之间的最佳平衡。快速上线一个安全、跨平台、定制化的统一登录表单,其实比想象中容易许多。一个好的登录场景可以留住客户,而一系列优秀的登录组件,可以帮助您专注于开发与打磨产品的核心价值。

未来,Authing 身份云将持续提供身份产品的最佳实践,助力企业与开发者构建完善的用户身份体系。

经验分享 程序员 微信小程序 职场和发展