全面升级 | 两行代码，轻松搞定登录系统

开发任何一个应用，不管是像微信、微博这样社交类应用，还是像抖音、网易云音乐这类的泛娱乐类应用，还是淘宝、京东这样的电商类应用，甚至是飞书、销售易这样的企业类应用，我们都需要对用户的身份进行管理，正如点开 APP 后第一步都是要先注册或者登录。

营销漏斗模型对应了企业搜索营销的各个环节，反映了从展现、点击、访问、咨询，直到生成订单过程中的客户数量及流失率，这个一层层缩小的过程表示不断有客户因为各种原因离开，对企业失去兴趣或放弃购买。

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

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

近期，Guard Web 端在原有功能的基础上，重点增加了两个功能。

第一，将登录功能 API 化，以助力开源生态的建设与繁荣，赋能企业数字化转型，推动云原生技术在各个行业的落地。

第二，两行代码，搞定用户登录功能，一键配置 20+社会化登录方式，将以往需要花费开发人员数周账号的注册登录功能缩短为不到半天。

01

登录功能重磅升级！

根据 Akamai 的监测数据显示，2021 年所有互联网流量的 83% 被 API 流量占据，API 访问量以 30% 的速度逐年增长，预计到 2024 年将达到 42 万亿次访问。

可以说，数字化转型时代的 API，是企业连接业务与客户之间的桥梁，大部分企业在购买 SaaS 产品服务后会调用 API 接口，将业务系统与产品打通。对于 SaaS 厂商而言，API 接口越标准化，越有利于企业与客户的互利共赢，创造更大的商业价值。

根据艾瑞咨询《2020 年中国人工智能 API 经济白皮书》，API 资源供给方与开发者、应用产品形成飞轮效应，即越多开发者调用 API 接口，产品客单价越低，开发者基于 API 资源开发更多产品与服务，促进内外部产品迭代，企业基于自身技术优势挖掘更多 API 产品，由此创造更多商业价值。对于生态合作伙伴而言，可以充分利用现有资源快速集成产品，以降低成本、缩短开发周期，在风云变幻的市场竞争中利于不败之地。

数据来源：艾瑞咨询《2020 年中国人工智能 API 经济白皮书》

Authing 以「API First」作为产品基石，把身份领域所有常用功能都进行了模块化的封装，通过全场景编程语言 SDK 将所有能力 API 化提供给开发者，开发者完全可以基于 Authing 开放的 API 做一个和 Authing 控制台一模一样的产品。并且，开发者可以在半小时内，省去学习任何复杂认证协议的大量成本快速接入 Authing，达到连接任何应用的目的。开发者也可以灵活的使用 Authing 开放的 RESTful APIs 进行功能拓展，满足不同企业不同业务场景下的身份管理需求。

Authing 把「API First」的体系架构作为一种产品设计方法，以 API 为中心，让 API 开发应用的过程就像乐高积木一样模块化，是可复用可扩展的，不仅兼具了灵活性和标准化，也方便客户无需自行二次封装 API。

在本次更新中，Authing 将登录功能 API 化，并且适配 React、Vue、Angular、原生 JavaScript 等运行环境，可轻松实现登录、登出、获取用户信息等功能。

当前，Authing 共有 1000+ API，支持 5000 TPS 开发量级，提供主流语言 SDK，包括 JavaScript，Java，C#，Go ，Python，PHP，Ruby 等，覆盖 Web 端及 Android 和 iOS 移动端。拥有数十万开发者的社区生态，共计为 4000 万终端用户提供身份云服务，每月有超过 5000 万次的 API 调用次数。

集成流程参考

根据您的使用场景和个人偏好，在使用 Guard 时，可以选择是否采用构建流程。

1. 打开 Guard 官方 Github 仓库，将代码 clone 到本地。

2. 进入项目目录 Guard/examples/guard，执行 npm ci 命令安装依赖。

3. 执行命令 npm run dev 运行项目。

4. 点击【跳转模式】按钮，执行 startWithRedirect 和 handleRedirectCallback 方法，仅需两行代码即可实现用户登录，随即获取到用户信息。

5. 再来看下【嵌入模式】，在页面中渲染 Guard 视图组件。

6. 随便演示其中几个功能，跳转到注册视图、多语言、获取用户信息、检查用户登录状态。

7. 用户登录成功后，即可获取到用户信息。

8. 页面销毁时，可以执行 guard.unmount 方法卸载 Guard 组件。

使用示例地址：
https://github.com/Authing/Guard/tree/master/examples

02

两行代码，轻松搞定登录功能

《2022 年中国低代码无代码市场研究及选型评估报告》显示，2022 年中国的规模以上企业群体中，37.0% 的企业是低代码平台的用户，这一比例将于 2025 年达到 47.4 %；2022 年中国的规模以上企业群体中，34.1% 的企业是无代码平台的用户，这一比例将于 2025 年达到 46.5%。

低代码有以下两个好处：

第一，降低应用软件开发成本。据统计，使用无代码产品可以将开发周期平均缩短 31.1%。以网易云音乐为例，用户管理模块包括：手机号、微信、QQ、微博等注册、登录方式，多端（Web 端、App 端、网页端）登录，以及服务协议的配置，忘记密码与找回账号等等相关功能。完成一个基础的账号注册登录功能就需要耗费一个前端工程师和一个后端工程师至少数周的开发时间。

开发完用户管理模块后，网易云音乐还需要开发会员体系、核心的音乐播放器、直播、社群业务等等，至少需要一个中型团队大半年时间。如果此时，有一套稳定安全的身份认证方案，可以让开发者免去开发身份基础设施的繁琐步骤，聚焦企业核心业务模块的开发，将会大大节约开发成本。

数据来源：《2022 年中国低代码无代码市场研究及选型评估报告》

第二，增强团队敏捷性。在 VUCA 时代，市场变化很快，产品是否可以快速满足客户需求关乎到企业生死存亡，通过低代码可以帮助企业快速迭代产品，实现业务系统更新与重构，提高企业快速响应市场能力。

Authing 登录组件 Guard 就是低代码的最佳实践。在 API 之上，Authing 提出了 Hyper Component 的概念，开发者可以通过低代码方式为应用嵌入多种登录能力与认证方式，包括定制登录体验、配置注册页面以及多因素身份验证等，轻松添加各种社会化登录方式实现无缝登录，并且在不同平台拥有一致的登录体验。

只需两行代码，分别调用 startWithRedirect 和 handleRedirectCallback，即可快速集成 Guard 通用登录组件，一键配置 20+ 社会化登录方式；只需不到半天，即可完成身份系统搭建。另外，我们还提供了跨平台的组件化方案，支持 Web、iOS 和Android 端等多端无缝登录体验。

03

未来规划

Authing 产品负责人佟野表示：我们会一直秉承着开发者友好的初心，持续迭代 Guard 组件，将适配 React 18，并减小包体积以及将更多能力 API 化，帮助企业级开发者以低代码甚至零代码的方式便捷地构建登录系统，持续为业务赋能。

关于 Authing

Authing 是国内首款以开发者为中心的全场景身份云产品，为企业和开发者提供完善安全的用户认证和访问管理服务。作为云原生架构下的身份云产品，Authing 在产品创建初期，目标就是服务亿级的企业和个人开发者客户，轻量级、易部署、低消耗、技术栈成熟，运维易的云原生技术产品架构，成为了 Authing 的首选。

点击此处了解更多行业身份管理

「解决方案」以及「最佳实践案例」