Usar reCAPTCHA de Google en un formulario adaptable de AEM basado en componentes principales using-reCAPTCHA-in-adaptive-forms

Obtener el par de claves de la API reCAPTCHA de Google. Incluye una clave del sitio y una clave secreta.

Cree el contenedor de configuración en su entorno de AEM Forms as a Cloud Service. Un contenedor de configuración contiene las configuraciones en la nube utilizadas para conectar a AEM a los servicios externos. Para crear y configurar un contenedor de configuración para conectar su entorno de AEM Forms con el servicio reCAPTCHA de Google, haga lo siguiente:

1. Abra la instancia AEM Forms as a Cloud Service.

2. Vaya a Herramientas > General > Explorador de configuración. En el Explorador de configuración, puede hacer lo siguiente:

3. Seleccionar una carpeta existente o crear una nueva. Crear una carpeta y habilitar la opción Configuraciones de la nube para ella o Habilitar la opción Configuraciones de nube de la carpeta existente:

   • Para crear una carpeta y habilitar la opción Configuraciones de la nube para ella, haga lo siguiente:

     1. En el Explorador de configuración, pulse Crear.
     2. En el cuadro de diálogo Crear configuración, especifique el nombre, el título y seleccione la opción Configuraciones de la nube.
     3. Haga clic en Crear

   • Para habilitar la opción Configuraciones de la nube para una carpeta existente, haga lo siguiente:

     1. En el Explorador de configuración, seleccione la carpeta y seleccione Propiedades.
     2. En el cuadro de diálogo Propiedades de configuración, habilite Configuraciones de nube.
     3. Seleccione Guardar y cerrar para guardar la configuración y salir del cuadro de diálogo.

Configure Cloud Service:

1. En la instancia de autor de AEM, vaya a > Cloud Services y seleccione reCAPTCHA.
2. Seleccione un contenedor de configuración, creado o actualizado en la sección anterior. Seleccione Crear.
3. Especificar Título, Nombre, Clave del sitio, y Clave secreta para el servicio reCAPTCHA (obtenido en el paso 1). Seleccione Crear.

Una vez configurado el servicio reCAPTCHA, está disponible para su uso en Formularios adaptables. Para obtener más información, consulte Usar Google reCAPTCHA en un Formulario adaptable.

Abra la instancia AEM Forms as a Cloud Service.

Vaya a Formularios > Formularios y documentos.

Seleccione un Formulario adaptable y seleccione Propiedades. Para la opción Contenedor de configuración, seleccione el contenedor de configuración que contiene la configuración de la nube que conecta AEM Forms con el servicio reCAPTCHA de Google y seleccione Guardar y cerrar.

Si no tiene ese Contenedor de configuración, consulte la sección Conectar su entorno de AEM Forms con el servicio reCAPTCHA de Google para obtener información sobre cómo crear este tipo de Contenedor de configuración.

Seleccione un formulario adaptable y seleccione Editar. El formulario adaptable se abre en el editor de Formularios adaptables.

Desde el explorador de componentes, arrastre y suelte el componente reCAPTCHA del formulario adaptable en este.

La validación de reCAPTCHA de Google distingue entre mayúsculas y minúsculas y caduca en unos minutos. Por lo tanto, Adobe recomienda colocar el componente reCAPTCHA del formulario adaptable justo antes de pulsar el botón Enviar.

Seleccione el componente reCAPTCHA del Formulario adaptable y seleccione el . Abre el cuadro de diálogo de propiedades. Especifique las siguientes propiedades obligatorias:

• Nombre: puede identificar fácilmente el componente de un formulario con su nombre único, tanto en el formulario como en el editor de reglas, pero el nombre no debe contener espacios ni caracteres especiales.
• Configuración de CAPTCHA: seleccione una configuración de nube para presentar el cuadro de diálogo reCAPTCHA de Google para el formulario. Puede tener varias configuraciones de la nube en su entorno para un propósito similar. Por lo tanto, elija el servicio con cuidado. Si no aparece ningún servicio, consulte Conectar su entorno de AEM Forms con el servicio reCAPTCHA de Google para aprender a crear un Cloud Service que conecte su entorno de AEM Forms con el servicio reCAPTCHA de Google.
• Tamaño del Captcha: puede seleccionar el tamaño de visualización del diálogo de comprobación del reCAPTCHA de Google. Utilice la opción Compacto para mostrar un tamaño pequeño y la opción Normal para mostrar un cuadro de diálogo de comprobación de reCAPTCHA de Google de tamaño relativamente grande.

Seleccione Listo.

Ahora, verá protegido por reCAPTCHA en el formulario adaptable. Se muestra en todos los formularios adaptables configurados para utilizar el servicio reCAPTCHA de Google.

Ahora, solo se permite el envío de formularios legítimos, en los que la persona que rellena el formulario supera con éxito el desafío planteado por el servicio reCAPTCHA de Google.