内测邀请 | 欢迎大家体验 Authing 登录组件适配 React 18 功能

Authing 官方2022.12.09阅读 1257

登录界面的易用性、稳定性直接决定了付费用户转换率。据统计，当一个 App 登录页加载时间超过 3 秒，就是用户放弃这个 App 的时候。

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

近期，Authing 对 Guard 进行了功能升级，新版功能 Guard 适配 React 18，欢迎各位开发者体验，5 分钟，即可快速集成登录系统。

您可以通过 npm/ yarn 安装 Authinglibrary，第一时间进行体验：

# 兼容 React 16/17
npm install --save @authing/guard-react
# OR
yarn add @authing/guard-react

# 兼容 React 18
npm install --save @authing/guard-react18
# OR
yarn add @authing/guard-react18

值得一提的是，适配版的 Guard React 18 和其他版本（React 16 & 17）没有区别，不管您使用的是哪个版本，Authing Guard 都将为您的应用轻松接入认证能力。

👇添加 Authing 小助手微信👇

立刻解锁 Authing 产品体验官

加入社群，与 Authinger 近距离接触

高级产品经理

产品总监

研发总监

更有机会与 Authing CEO 谢扬 1 对 1 畅聊

React 18 优势

1. 支持自动批处理减少渲染，支持其他事件（比如异步状态）自动化更新。

2. 添加并发功能，开发者无需再为整个应用程序启用严格模式：

3. 改进服务器端架构，提高 React 服务器渲染效率。服务器的组件可直接生成 HTML，将其发送给客户端，使得客户端可以在加载和运行 JavaScript 包之前查看页面的内容。

Authing Guard 登录组件优势

第一，只需几秒，轻松完成身份源搭建。Authing Guard 登录组件可根据您的需求进行配置，一键添加 20+ 企业和社会化登录方式，包括 AWS、飞书、微信、支付宝等，将以往需要花费至少一周的身份源集成时间降低到不到 3 秒。同时，支持 LDAP、JWT、OIDC、OAuth2.0、SAML 等多种认证协议，轻松调试。

第二，一套账号系统，多端登录。当前，Authing 已面向开发者开放所有认证及管控 API，支持高 TPS 横向扩容能力，提供主流开发语言 SDK，Guard 登录组件支持跨平台登录，覆盖 Web、iOS 和安卓端等，并保证用户在多个平台拥有一致化登录体验，提高用户使用系统的流畅性与易用性。

第三，实时动态监控，识别潜在风险。Authing 提供的审计功能强化了企业资源统一审计力度，帮助企业高效分析整个业务系统的用户行为与数据信息。安全日志记录发生了哪些与安全有关的活动，包括身份认证、登录，权限授权、访问控制、特权用户操作、安全配置变更等等，保证企业登录凭证安全。

第四，在密码之外增加「关键要素」，保障信息安全。Authing 采用多因素认证 MFA 技术，在用户进行认证流程时，对当前登录的用户生成的多种「关键要素」，在用户名称和密码之外再增加一层保护，包括短信验证码、人脸识别、OTP 口令、指纹认证等，降低 90% 数据泄露风险，预置十几种密码策略、满足企业不同安全等级需求。

Authing 集成 React 18

React 18 优势

Authing Guard 登录组件优势

文章作者