在自适应表单中使用CAPTCHA using-captcha-in-adaptive-forms

CAUTION
AEM 6.4已结束扩展支持,本文档将不再更新。 有关更多详细信息,请参阅 技术支助期. 查找支持的版本 此处.

CAPTCHA(Completely Automated Public Turing test to tell Computers and Humans Apart)是一种在线交易中常用的程序,用于区分人类和自动程序或机器人。 它会给用户带来挑战并评估用户响应,以确定它是人还是机器人与站点进行交互。 它可阻止用户在测试失败时继续操作,并通过防止机器人发布垃圾邮件或恶意目的,帮助确保在线交易的安全。

AEM Forms支持自适应表单中的CAPTCHA。 您可以使用Google提供的reCAPTCHA服务来实施CAPTCHA。

NOTE
AEM Forms仅支持reCaptcha v2。 不支持任何其他版本。
在AEM Forms应用程序的离线模式下,不支持自适应表单中的验证码。

通过Google配置ReCAPTCHA服务 google-recaptcha

表单作者可以使用Google提供的reCAPTCHA服务在自适应表单中实施CAPTCHA。 它提供高级验证码功能以保护您的网站。 有关reCAPTCHA工作原理的更多信息,请参阅 Google reCAPTCHA.

recapcha

要在AEM Forms中实施reCAPTCHA服务,请执行以下操作:

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

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

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

    2. 执行以下操作可为云配置启用全局文件夹,或跳过此步骤以为云服务配置创建和配置其他文件夹。

      1. 在配置浏览器中,选择 全球 文件夹,然后点按 属性.
      2. 在配置属性对话框中,启用 云配置.
      3. 点按 保存并关闭 保存配置并退出对话框。
    3. 在配置浏览器中,点按 创建.

    4. 在创建配置对话框中,指定文件夹的标题并启用 云配置.

    5. 点按 创建 创建云服务配置启用的文件夹。

  3. 为reCAPTCHA配置云服务。

    1. 在您的AEM创作实例中,转到 工具 > Cloud Services.
    2. 点按 reCAPTCHA. 此时将打开“配置”页面。 选择在上一步中创建的配置容器,然后点按 创建.
    3. 为reCAPTCHA服务指定名称、站点密钥和密钥,然后点按 创建 创建云服务配置。
    4. 在编辑组件对话框中,指定在步骤1中获取的站点和密钥。 点按 保存设置 然后点按 确定 以完成配置。

    配置reCAPTCHA服务后,即可在自适应表单中使用。 有关更多信息,请参阅 在自适应表单中使用CAPTCHA.

在自适应表单中使用CAPTCHA using-captcha

要在自适应表单中使用CAPTCHA,请执行以下操作:

  1. 在编辑模式下打开自适应表单。

    note note
    NOTE
    确保在创建自适应表单时选择的配置容器包含reCAPTCHA云服务。 您还可以编辑自适应表单属性以更改与表单关联的配置容器。
  2. 在组件浏览器中,拖放 验证码 组件添加到自适应表单。

    note note
    NOTE
    不支持在自适应表单中使用多个Captcha组件。 此外,不建议在标记为延迟加载的面板或片段中使用CAPTCHA。
    note note
    NOTE
    验证码对时间敏感,大约一分钟后过期。 因此,建议将Captcha组件放在自适应表单中“提交”按钮之前。
  3. 选择您添加的Captcha组件,然后点按 cppr 以编辑其属性。

  4. 指定CAPTCHA小组件的标题。 默认值为 验证码. 选择 隐藏标题 如果您不希望显示标题,请执行以下操作:

  5. 验证码服务 下拉列表,选择 reCaptcha 启用reCAPTCHA服务(如果您按照 ReCAPTCHA服务,由Google提供. 从设置下拉列表中选择配置。 此外,将大小选择为 正常紧凑 用于reCAPTCHA小组件。

    note note
    NOTE
    不选择 默认 从Captcha服务下拉列表中,作为默认的AEM CAPTCHA服务已弃用。
  6. 保存属性。

reCAPTCHA服务在自适应表单上启用。 您可以预览表单并查看CAPTCHA正常工作。

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da