在基于核心组件的AEM自适应表单中使用Google reCAPTCHA using-reCAPTCHA-in-adaptive-forms

应用到
文章链接
基于核心组件的自适应表单
本文
基于Foundation组件的自适应表单
单击此处

CAPTCHA(区分计算机和人类的完全自动化公共图灵测试)是一种在线交易中常用的程序,用于区分人类和自动化程序或机器人。它提出了一个挑战,并评估用户响应以确定是人还是机器人与网站交互。如果测试失败,它会阻止用户继续操作,并通过阻止机器人发布垃圾邮件或恶意目的来帮助确保在线交易的安全。

AEM Formsas a Cloud Service支持以下CAPTCHA解决方案:

通过Google将AEM Forms核心组件与reCAPTCHA服务连接起来 connect-your-forms-environment-with-recaptcha-service-by-google

表单作者可以使用Google的reCAPTCHA服务在自适应Forms中实施reCAPTCHA。 它提供高级验证码功能以保护您的站点。 有关reCAPTCHA工作方式的更多信息,请参阅Google reCAPTCHA。 您使用它在表单提交时提出验证码质询。AEM Forms as a Cloud Service支持Google reCAPTCHA v2和reCAPTCHA Enterprise。 不支持任何其他版本。 另请注意,自适应Forms中的reCAPTCHA在AEM Forms应用程序的离线模式下不受支持。

根据要求,您可以配置reCAPTCHA服务以启用:

配置reCAPTCHA Enterprise steps-to-implement-reCAPTCHA-enterprise-in-forms-core-components

  1. 创建或选择Google Cloud项目并启用reCAPTCHA Enterprise API

  2. 获取项目ID并为网站创建API密钥站点密钥

  3. 为云服务创建配置容器。

    1. 转到​ 工具>常规>配置浏览器

    2. 选择文件夹或创建文件夹,然后使用以下步骤启用云配置的文件夹:

      1. 在配置浏览器中,选择文件夹,然后选择​ 属性
      2. 在配置属性对话框中,启用​ 云配置
      3. 选择​ 保存并关闭 ​以保存配置并退出对话框。
  4. 为reCAPTCHA Enterprise配置云服务。

    1. 在您的Experience Manager创作实例上,转到 tools-1 > Cloud Service
    2. 选择​ reCAPTCHA。 此时将打开“配置”页面。 选择您创建的配置容器,然后选择​ 创建
    3. 选择版本为reCAPTCHA Enterprise,并为reCAPTCHA Enterprise服务指定名称、项目ID、站点密钥和API密钥(在步骤2中获取)。
    4. 选择密钥类型,密钥类型应与您在Google Cloud项目中配置的站点密钥相同,例如,复选框站点密钥 ​或​ 基于得分的站点密钥
    5. 指定0到1🔗范围内的阈值分数。 分数大于或等于阈值分数标识人交互,否则被视为机器人交互。
    6. 选择​ 创建 ​以创建云服务配置。

reCAPTCHA Enterprise服务一旦启用,就可用于自适应表单。 请参阅在自适应表单🔗中使用CAPTCHA 。

配置Google reCAPTCHA v2 steps-to-implement-reCAPTCHA-v2-in-forms

  1. 从Google获取reCAPTCHA API密钥对。 它包含​ 站点密钥 ​和​ 密钥

    创建Google网站的Google reCAPTCHA配置以获取reCAPTCHA密钥

  2. 在AEM Formsas a Cloud Service环境中创建配置容器。 配置容器包含用于将AEM连接到外部服务的云配置。 要创建并配置配置容器以将您的AEM Forms环境与Google的reCAPTCHA服务连接,请执行以下操作:

    1. 打开您的AEM Formsas a Cloud Service实例。

    2. 转到​ 工具>常规>配置浏览器。 在配置浏览器中,您可以:

    3. 选择现有文件夹或创建文件夹。 您可以创建文件夹并为其启用云配置选项,也可以为现有文件夹启用云配置选项:

      • 要创建文件夹并为其启用云配置选项,请执行以下操作:

        1. 在配置浏览器中,单击​ 创建
        2. 在创建配置对话框中,指定名称、标题,然后选择​ 云配置 ​选项。
        3. 单击​ 创建
      • 要为现有文件夹启用云配置选项,请执行以下操作:

        1. 在配置浏览器中,选择文件夹,然后选择​ 属性
        2. 在配置属性对话框中,启用​ 云配置
        3. 选择​ 保存并关闭 ​以保存配置并退出对话框。
  3. 配置Cloud Service:

    1. 在您的AEM创作实例上,转到 tools-1 > Cloud Service ​并选择​ reCAPTCHA
    2. 选择在上一部分中创建或更新的配置容器。 选择​ 创建
    3. 指定reCAPTCHA服务的​ 标题名称站点密钥 ​和​ 密钥(在步骤1中获取)。 选择​ 创建

    配置该Cloud Service以通过Google将您的AEM Forms环境连接到reCAPTCHA服务

    配置reCAPTCHA服务后,便可在自适应表单中使用。 有关详细信息,请参阅在自适应表单中使用Google reCAPTCHA

在自适应表单中使用Google reCAPTCHA

以自适应表单的形式使用 Google reCAPTCHA using-reCAPTCHA

要在自适应Forms中使用reCAPTCHA,请执行以下操作:

  1. 打开您的AEM Formsas a Cloud Service实例。

  2. 转到​ Forms > Forms和文档

  3. 选择自适应Forms并选择​ 属性。 对于​ 配置容器 ​选项,请选择包含通过Google将AEM Forms与reCAPTCHA服务连接的云配置的配置容器,然后选择​ 保存并关闭

    如果您没有此类配置容器,请参阅通过Google的reCAPTCHA服务连接您的AEM Forms环境部分,以了解如何创建此类配置容器。

    选择配置容器

  4. 选择自适应Forms并选择​ 编辑。 自适应表单在自适应Forms编辑器中打开。

  5. 从组件浏览器中,将​ 自适应表单reCAPTCHA ​组件拖放到自适应表单上。

    note note
    NOTE
    • Google reCAPTCHA验证对时间敏感,大约会在几分钟后过期。 因此,Adobe建议将​ 自适应表单reCAPTCHA ​组件放在​ Submit ​按钮之前。
  6. 选择​ 自适应表单reCAPTCHA ​组件并选择属性 属性图标 图标。 此时将打开“属性”对话框。 指定以下必需属性:

    • 名称: ​您可以轻松地在表单和规则编辑器中使用表单组件的唯一名称来标识该表单组件,但名称不得包含空格或特殊字符。

    • 标题: ​指定验证码小部件的标题。 默认值为​ 验证码。 如果不想显示标题,请选择​ 隐藏标题。 选择​ 允许标题 ​的富文本,以富文本格式编辑您的标题。 您还可以将标题标记为​ 未绑定的表单元素

    • CAPTCHA配置: ​从​ reCAPTCHA Enterprise ​或​ reCAPTCHA v2 ​的“设置”下拉列表中选择一个配置,以便显示表单的Google reCAPTCHA对话框:

      1. 如果您选择​ reCAPTCHA Enterprise ​版本,则密钥类型可以是​ 复选框 ​或基于​ 分数,它基于您在为网站配置站点密钥时的选择:

        note note
        NOTE
        • 在将​ 键类型 ​作为​ 复选框 ​的云配置中,如果验证码验证失败,自定义错误消息将显示为内联消息。
        • 在​ 键类型 ​为​ 基于 ​分数的云配置中,如果验证码验证失败,自定义错误消息将显示为弹出消息。

        1. 你可以选择大小为​**普通**​和​**紧凑**。

      note note
      NOTE
      • 出于类似目的,您的环境中可以有多个云配置。 所以,请仔细选择服务。 如果未列出任何服务,请参阅将您的AEM Forms环境与Google的reCAPTCHA服务连接,了解如何创建将AEM Forms环境与Google的reCAPTCHA服务连接的Cloud Service。
    • 验证码大小: ​您可以选择Google reCAPTCHA质询对话框的显示大小。 使用​ 紧凑 ​选项可显示小尺寸,使用​ 普通 ​选项可显示相对大尺寸的Google reCAPTCHA质询对话框。
      如果您选择​ reCAPTCHA v2 ​版本:

      1. 您可以为reCAPTCHA构件选择大小为​ Normal ​或​ Compact
      2. 您可以选择​ 不可见 ​选项,以便仅在可疑活动的情况下显示验证码质询。

    已在自适应表单上启用reCAPTCHA服务。 您可以预览表单并查看验证码是否正常工作。 受reCAPTCHA保护的​ 徽章 ​将显示在受保护的表单上,如下所示。

    受reCAPTCHA徽章保护的Google

  7. 选择​ 完成

    现在,受reCAPTCHA保护的​ ​显示在您的自适应表单上。 它显示在配置为使用Google reCAPTCHA服务的所有Adaptive Forms上。

    现在,只允许提交合法表单,在这些表单中,表单填充程序成功清除Google reCAPTCHA服务带来的挑战。

常见问题解答

问:能否在自适应表单中使用多个Captcha组件?
不支持在自适应表单中使用多个Captcha组件的​ Ans:。 此外,不建议在标记为延迟加载的片段或面板中使用验证码组件。

另请参阅 see-also

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab