Usar reCAPTCHA de Google en un formulario adaptable de AEM basado en componentes principales

CAPTCHA (prueba de Turing completamente automática y pública para diferenciar ordenadores de humanos) es un programa que se utiliza comúnmente en transacciones en línea para distinguir entre humanos y programas o bots automatizados. Plantea un desafío y evalúa la respuesta del usuario para determinar si es un humano o un bot que interactúa con el sitio. Evita que el usuario continúe si la prueba falla y ayuda a que las transacciones en línea sean seguras al impedir que los bots publiquen contenido no deseado o con fines malintencionados.

AEM Forms as a Cloud Service es compatible con Google reCAPTCHA v2 en Formularios adaptables. Puede utilizarlo para presentar un desafío de CAPTCHA en el envío de formularios. Para utilizar reCAPTCHA en un formulario adaptable, haga lo siguiente:

1. Conecte su entorno de AEM Forms con el servicio reCAPTCHA de Google
2. Configure el formulario adaptable para mostrar el desafío CAPTCHA al enviar el formulario

Conecte su entorno de AEM Forms con el servicio reCAPTCHA de Google

Para conectar su entorno de AEM Forms con el servicio reCAPTCHA de Google

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

   

2. 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 pulse Propiedades.
        2. En el cuadro de diálogo Propiedades de configuración, habilite Configuraciones de nube.
        3. Pulse Guardar y cerrar para guardar la configuración y salir del cuadro de diálogo.

3. Configure Cloud Service:

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

Uso de Google reCAPTCHA en un formulario adaptable

Para utilizar el reCAPTCHA en Formularios adaptables, haga lo siguiente:

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

2. Vaya a Formularios > Formularios y documentos.

3. Seleccione un Formulario adaptable y pulse 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 pulse 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.

   

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

5. 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.

6. Seleccione el componente reCAPTCHA del Formulario adaptable y pulse 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.

7. Pulse 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.
   

Preguntas frecuentes

P: ¿Puedo usar más de un componente Captcha en un formulario adaptable?
R: No se puede usar más de un componente Captcha en un formulario adaptable. Además, no se recomienda utilizar el componente Captcha en un fragmento o panel marcado para la carga diferida.

Vea también

• Crear un formulario adaptable de AEM
• Agregar un formulario adaptable de AEM a la página de AEM Sites
• Aplicar temáticas a un formulario adaptable de AEM
• Añadir componentes a un formulario adaptable de AEM
• Usar el servicio Captcha en un formulario adaptable de AEM
• Generar la versión en PDF (DoR) de un formulario adaptable de AEM
• Traducir un formulario adaptable de AEM
• Habilitar Adobe Analytics para un formulario adaptable con el fin de hacer un seguimiento del uso del formulario
• Conectar el formulario adaptable a Microsoft SharePoint
• Conectar formularios adaptables a Microsoft Power Automate
• Conectar el formulario adaptable a Microsoft OneDrive
• Conectar el formulario adaptable al almacenamiento de Microsoft Azure Blob
• Conectar el formulario adaptable a Salesforce
• Uso de Adobe Sign en un formulario adaptable de AEM
• Agregar una nueva configuración regional para un formulario adaptable
• Enviar datos de formulario adaptable a una base de datos
• Enviar datos de formulario adaptable a un punto final REST
• Enviar datos de formulario adaptable al flujo de trabajo de AEM
• Utilizar el portal de Forms para ver una lista de Formularios adaptables de AEM en un sitio web de AEM