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

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

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

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

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

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

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

     1. 在配置浏览器中，单击​ 创建。
     2. 在创建配置对话框中，指定名称、标题，然后选择​ 云配置 ​选项。
     3. 单击​ 创建

   • 要为现有文件夹启用云配置选项，请执行以下操作：

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

配置Cloud Service：

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

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

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

转到​ Forms > Forms和文档。

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

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

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

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

Google reCAPTCHA验证对时间敏感，大约会在几分钟后过期。 因此，Adobe建议将​ 自适应表单reCAPTCHA ​组件放在​ Submit ​按钮之前。

选择​ 自适应表单reCAPTCHA ​组件并选择属性 图标。 此时将打开“属性”对话框。 指定以下必需属性：

• 名称： ​您可以轻松地在表单和规则编辑器中使用表单组件的唯一名称来标识该表单组件，但名称不得包含空格或特殊字符。
• CAPTCHA配置： ​选择配置为显示表单的Google reCAPTCHA对话框的云配置。 出于类似目的，您的环境中可以有多个云配置。 所以，请仔细选择服务。 如果未列出任何服务，请参阅将您的AEM Forms环境与Google的reCAPTCHA服务连接，了解如何创建将AEM Forms环境与Google的reCAPTCHA服务连接的Cloud Service。
• 验证码大小： ​您可以选择Google reCAPTCHA质询对话框的显示大小。 使用​ 紧凑 ​选项可显示小尺寸，使用​ 普通 ​选项可显示相对大尺寸的Google reCAPTCHA质询对话框。

选择​ 完成。

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

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