¶ 接入 Authing Guard
更新时间: 2025-06-11 08:01:00
Authing Guard 是你「即取即用」的登录组件，根据下面的引导完成嵌入，为你的应用轻松接入认证能力。
推荐使用 Guard 5.0 及以上版本，低于 5.0 的版本将不再维护！
| 版本 | 描述 | Guard 包名 | 版本 | 快速开始 |
|---|---|---|---|---|
| Guard 5.0 | 具备 Guard 4.0 的全部能力，并在此基础上做了以下优化： 1. 内置 Authing 认证 JS SDK，并在此基础上将登录功能 API 化。 2. 针对 React、Vue、Angular 分别封装了 hooks、plugin、service，使用更方便。 3. 兼容 React18。 | @authing/guard-react |  (opens new window) | 将 Guard 接入到 React 项目 |
| @authing/guard-react18 |  (opens new window) | 将 Guard 接入到 React18 项目 | ||
| @authing/guard-vue2 |  (opens new window) | 将 Guard 接入到 Vue2 项目 | ||
| @authing/guard-vue3 |  (opens new window) | 将 Guard 接入到 Vue3 项目 | ||
| @authing/guard-angular |  (opens new window) | 将 Guard 接入到 Angular 项目 | ||
| @authing/guard |  (opens new window) | 将 Guard 接入到原生 JS 项目 | ||
| Guard 4.0 | 1. 拥有丰富的登录注册方式。 2. 内置多种功能，无需额外编写代码。 3. 拥有响应式布局，兼容移动端和 PC 端。 4. 兼容前端所有主流框架。 | @authing/react-ui-components |  (opens new window) | 将 Guard 接入到 React 项目 |
| @authing/react18-ui-components |  (opens new window) | 将 Guard 接入到 React18 项目 | ||
| @authing/vue-ui-components |  (opens new window) | 将 Guard 接入到 Vue 项目 | ||
| @authing/ng-ui-components |  (opens new window) | 将 Guard 接入到 Angular 项目 | ||
| @authing/native-js-ui-components |  (opens new window) | 将 Guard 接入到原生 JS 项目 |
Authing Guard 是 Authing 身份认证和用户管理能力的入口，在为你的应用接入 Authing Guard 后，你的应用将能够使用 Authing 开放的各种认证相关能力，包括但不限于：
¶ 丰富多样的认证方式
¶ 所有主流认证协议
¶ 自定义登录框样式
- 可视化配置界面
- 自定义加载图标和背景
- 登录框内部组件布局
- 自定义 CSS
¶ 登录相关的辅助能力
- 忘记密码时用户可重置密码
- 登录注册协议
- 登录注册信息补全