Authing 知识库
🛠 开发资源🥂 集成案例🔭 常见问题🖥 控制台
3.0.0
3.0.0
  • 欢迎
  • Authing 概述
  • 快速开始
    • 注册 Authing 开发者账号
    • 第一个应用
    • 基础概念
    • 实现单点登录
    • 控制台概览
    • 部署模型和价格
    • 最佳开发实践
    • 我该如何选择 Authing 的技术
  • 进阶指南
    • 理解认证和授权
      • 用户名 - 密码认证
      • 邮箱 - 密码认证
      • 手机 - 验证码认证
      • JWT Token 释义及使用
    • 验证 Token
    • 配置用户权限
    • 迁移老数据进 Authing
    • 错误代码
  • 认证
    • 接入 OAuth 2.0
      • 创建 OAuth 应用
      • 使用 OAuth 授权
    • 接入 OpenID Connect
      • 创建 OIDC 应用
      • 使用 OIDC 授权
      • 理解 OIDC 流程
      • OIDC 常见问题
    • 接入 SAML
      • 创建 SAML Identity Provider 应用
      • 创建 SAML Service Provider 应用
      • 理解 SAML 流程
      • 同时使用 Authing 作为 SP 和 IdP
      • 使用 SAML Identity Provider
        • 在阿里云访问管理中使用
        • 在腾讯云访问管理中使用
        • 在 Auth0 中使用
      • 使用 SAML Service Provider
        • 与 Auth0 SAML IdP 对接
        • 与 SSOCircle SAML IdP 对接
    • 接入 LDAP
      • 配置 LDAP 服务
      • 使用 Authing 的 LDAP 用户目录
    • 接入 Active Directory
  • 社会化登录
    • 接入 Web 端社会化登录
      • GitHub 登录
      • 微信 PC 扫码登录
      • 微信 APP 内网页登录
      • 企业微信(第三方应用)网页授权登录
      • 企业微信(第三方应用)扫码登录
      • 企业微信(企业内部)扫码登录
      • 新浪微博登录
      • 钉钉登录
      • QQ 登录
      • 配置登录授权 Scope
    • 接入移动端社会化登录
      • 微信登录
      • 支付宝登录
    • 接入小程序登录
      • 小程序登录
        • 用户登录凭证(code)最佳实践
      • APP 拉起小程序登录
    • 打通微信账号体系
  • 扫码登录
    • 小程序扫码登录
      • 接入私有化小程序
    • APP 扫码登录
      • 快速接入
      • Web 端 SDK
      • 完整接口列表
      • 自定义配置项
      • 扫码登录原理
  • 移动应用登录
    • 移动应用 SSO
      • 自动检测登录
      • 唤起 App 登录
    • 移动应用身份提供商
  • 授权
    • Authorization 基础概念
      • 什么是基于角色的管理(RBAC)
      • 什么是基于属性的管理(ABAC)
      • 什么是零信任网络
    • Authorization at Authing
    • 接入 RBAC
    • 接入 ABAC
    • 接入组织机构管理
  • 扩展能力
    • 自定义认证流程(Pipeline)
      • 创建你的第一个 Pipeline 函数
      • Pipeline 函数开发指南
      • 应用场景
      • user 对象
      • context 对象
      • 使用环境变量
      • 可用的 Node Modules
      • 如何调试
      • Node SDK
      • GraphQL API
      • 常见问题
      • 私有化部署
    • 使用 Webhook
    • 自定义用户字段
  • 开发资源
    • 开发资源
    • API(GraphQL)
    • Guard for Web
      • 自定义 Guard 的 UI 样式
    • Guard for Mobile
      • Guard for React Native
    • Guard VS 自定义 UI
    • SDK for 单点登录
    • SDK for JavaScript
      • 查询用户权限
      • 绑定社会化登录
      • 自定义用户字段
      • 管理 MFA 口令
      • 自定义请求链接
    • SDK for Node.js
      • 权限控制
      • 查询用户权限
      • 组织机构管理
      • 老版权限控制(deprecated)
      • Pipeline 函数
      • 自定义用户字段
      • 绑定社会化登录
      • 管理 MFA 口令
      • 自定义请求连接
    • SDK for React Native
    • SDK for 微信小程序
    • SDK for Java
    • SDK for Objective-C
    • SDK for Python
    • SDK for Go
    • SDK for PHP
    • 函数计算(FaaS)
  • 通信
    • 邮件
    • SMS
  • MFA
    • 配置 MFA 安全口令
      • 使用 Microsoft Authenticator 添加 MFA 令牌
    • 接入 MFA
  • 安全
    • 配置 Web 安全域
    • 配置用户池密码强度
    • 配置密码加密函数
  • 其他
    • 常见问题
    • 集成案例
      • Authing 与 AWS 集成案例
      • 函数计算与 AaaS 集成案例
      • Odoo 集成案例
      • 社会化登录集成案例
    • 社交互联数据
    • 为 Authing 贡献 SDK
      • 了解 Authing 的模块
Powered by GitBook
On this page
  • Guard 与自定义 UI 对比
  • Guard
  • 何时使用 Guard
  • 自定义 UI
  • 何时使用自定义 UI

Was this helpful?

  1. 开发资源

Guard VS 自定义 UI

PreviousGuard for React NativeNextSDK for 单点登录

Last updated 5 years ago

Was this helpful?

当将 Authing 接入你的应用程序时,最佳解决方案是使用 Authing 的通用登录 UI Guard。 本文将帮助你选择什么时候该使用 Guard 以及什么时候需要自己开发 UI。

Guard 帮助开发者屏蔽了很多底层认证的实现细节,同时也包括繁琐的 UI 开发。

以下是 Guard 支持的平台:

Guard 与自定义 UI 对比

Guard 是一个可嵌入任意应用程序的登录部件,它提供一组标准行为。

是客户端库,没有用户界面,但开发者可以自己自定义登录页面的行为和外观。

下面简要概述了你什么时候需要使用 Guard,什么时候需要使用自定义 UI:

UI 功能:

Guard

自定义 UI

拥有精美的设计,适合大多数现代网站,只需对其选项进行一些调整。

Yes

No

初始化时有详细的参数,可以控制整个表单的行为

Yes

No

假如你在控制台开启了社会化登录,Guard 会自动显示(扫码登录同理)

Yes

No

记住上一次登录用户的信息

Yes

No

支持手机-密码、邮箱-密码、以及忘记密码、重置密码等繁琐且需要重复开发的功能

Yes

No

支持 LDAP 登录

Yes

No

由 Authing 保证安全的认证

Yes

Yes

贵司对 UI 有严格的设计要求和统一性要求

No

Yes

贵司希望能在现有 UI 上做改动

No

Yes

允许前端开发专家使用 HTML,CSS 和 JavaScript 进行自定义

No

Yes

处理多个数据库或 Active Directory 连接

No

Yes

Guard

Guard 是一个登录表单,使用户可以使用选定的连接轻松进行身份验证。 Guard 将自动实现用户注册和登录所涉及的大部分细节。

使用 Guard,你将实现以下 UI:

  1. 功能强大,可在任何设备上提供出色的用户体验;

  2. 有一个简单的设计适合大多数现代网站;

  3. 可配置性,为每个不同的登录方式显示相应的表单控件,并能根据你在控制台的配置显示不同的社会化登录、LDAP 登录等;

  4. 自动记住给定用户的上次的登录信息;

虽然你无法完全改变 Guard 的行为,但你可以配置几个基本选项以控制 Guard 的显示。

何时使用 Guard

如果你认可下面的观点,请考虑使用 Guard:

  1. 你喜欢 Guard 的结构,外观和感觉;

  2. 你喜欢更快速,更轻松地接入 Authing 和登录 UI;

  3. 你的流程包含许多 Guard 处理开箱即用的功能:

    1. 用户注册、登录和密码重置

    2. 使用手机 - 验证码登录

    3. 小程序扫码登录

    4. 使用社会化登录

    5. 使用 LDAP 登录

自定义 UI

如果 Guard 的标准化行为无法满足你应用程序的要求,或者你有复杂的自定义身份认证过程,则需要自定义用户界面。

何时使用自定义 UI

在以下情况下,请考虑为你的应用自定义 UI:

  1. 你对用户界面的外观有严格的要求;

  2. 你对文件大小有严格的要求(Authing SDK 的体积小于 Guard);

  3. 你熟悉 HTML,CSS 和 JavaScript - 你可以很熟练的实现自己的 UI;

  4. 你只需要处理邮箱 - 密码和社会登录;

  5. 你有多个数据库或 Active Directory 连接。

,你可以自定义用户注册和登录的流程。 如果你愿意,也可以直接使用 。

Guard for Web
Authing SDK
使用 Authing 的 Web SDK
Authentication GraphQL