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

Se aplica a
Vínculo del artículo
Formulario adaptable basado en componentes principales
Este artículo
Formulario adaptable basado en componentes de base
Haga clic aquí

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 las siguientes soluciones CAPTCHA:

Conecte su entorno de AEM Forms con el servicio reCAPTCHA de Google connect-your-forms-environment-with-recaptcha-service-by-google

Los creadores de formularios pueden utilizar el servicio reCAPTCHA de Google para implementar el reCAPTCHA en los formularios adaptables. Ofrece funcionalidades de Captcha avanzadas para proteger su sitio. Para obtener más información sobre cómo funciona reCAPTCHA, consulte Google reCAPTCHA. 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 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.

    Cree la configuración de reCAPTCHA de Google del sitio web de Google para obtener las claves de reCAPTCHA

  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 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.
  3. Configure Cloud Service:

    1. En la instancia de autor de AEM, vaya a tools-1 > 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.

    Configure el Cloud Service para conectar su entorno de AEM Forms con el servicio reCAPTCHA de Google

    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 using-reCAPTCHA

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

    Seleccionar el contenedor de configuración

  4. Seleccione un formulario adaptable y seleccione 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 seleccione el Icono Propiedades . 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. 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.
    Distintivo protegido por 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.

Consulte también see-also

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