Usar o Google reCAPTCHA em um formulário adaptável AEM com base em componentes principais using-reCAPTCHA-in-adaptive-forms

Obtenha o par de chaves da API do reCAPTCHA da Google. Inclui uma chave do site e uma chave secreta.

Crie o contêiner de configuração em seu ambiente as a Cloud Service do AEM Forms. Um Contêiner de configuração contém as Configurações de nuvem usadas para conectar o AEM a serviços externos. Para criar e configurar um Contêiner de configuração para conectar seu ambiente do AEM Forms com o serviço reCAPTCHA do Google:

1. Abra a instância as a Cloud Service do AEM Forms.

2. Vá para Ferramentas > Geral > Navegador de Configuração. No Navegador de configuração, é possível:

3. Selecione uma pasta existente ou crie uma pasta. Você pode criar uma pasta e ativar a opção Configurações de nuvem para ela ou Ativar a opção Configurações de nuvem para uma pasta existente:

   • Para criar uma pasta e ativar a opção Configurações de nuvem para ela:

     1. No Navegador de Configuração, clique em Criar.
     2. Na caixa de diálogo Criar Configuração, especifique o nome, o título e selecione a opção Configurações de Nuvem.
     3. Clique em Criar

   • Para ativar a opção Configurações de nuvem para uma pasta existente:

     1. No Navegador de Configuração, selecione a pasta e selecione Propriedades.
     2. Na caixa de diálogo Propriedades de Configuração, habilite Configurações de Nuvem.
     3. Selecione Salvar e fechar para salvar a configuração e sair da caixa de diálogo.

Configure o Cloud Service:

1. Na instância do autor AEM, vá para > Cloud Service e selecione reCAPTCHA.
2. Selecione um Contêiner de configuração, criado ou atualizado na seção anterior. Selecione Criar.
3. Especifique Título, Nome, Chave do Site e Chave Secreta para o serviço reCAPTCHA (Obtido na Etapa 1). Selecione Criar.

Depois que o serviço reCAPTCHA é configurado, ele é disponibilizado para uso em um Formulário adaptável. Para obter mais informações, consulte usando o Google reCAPTCHA em um Formulário adaptável.

Abra a instância as a Cloud Service do AEM Forms.

Ir para Forms > Forms e Documentos.

Selecione um Forms adaptável e selecione Propriedades. Para a opção Contêiner de Configuração, selecione o Contêiner de Configuração que contém a Configuração na Nuvem que conecta o AEM Forms com o serviço reCAPTCHA pelo Google e selecione Salvar e Fechar.

Se você não tiver um Contêiner de Configuração como esse, consulte a seção Conecte seu ambiente do AEM Forms com o serviço reCAPTCHA do Google para saber como criar esse Contêiner de Configuração.

Selecione um Forms adaptável e selecione Editar. O Formulário adaptável é aberto no Editor Forms adaptável.

No navegador de componentes, arraste e solte o componente Formulário adaptável reCAPTCHA no Formulário adaptável.

A validação do Google reCAPTCHA é sensível ao tempo e expira em cerca de dois minutos. Portanto, a Adobe recomenda colocar o componente Formulário adaptável reCAPTCHA antes do botão Enviar.

Selecione o componente Formulário adaptável reCAPTCHA e selecione o ícone de propriedades . Ele abre a caixa de diálogo de propriedades. Especifique as seguintes propriedades obrigatórias:

• Nome: É possível identificar facilmente um componente de formulário com seu nome exclusivo no formulário e no editor de regras, mas o nome não deve conter espaços ou caracteres especiais.
• Configuração do CAPTCHA: Selecione uma Configuração na Nuvem configurada para apresentar a caixa de diálogo do Google reCAPTCHA para o formulário. Você pode ter várias configurações de nuvem no seu ambiente para fins semelhantes. Então, escolha o serviço com cuidado. Se nenhum serviço estiver listado, consulte Conecte seu ambiente do AEM Forms com o serviço reCAPTCHA do Google para saber como criar um Cloud Service que conecte seu ambiente do AEM Forms com o serviço reCAPTCHA do Google.
• Tamanho do Captcha: Você pode selecionar o tamanho de exibição da caixa de diálogo de desafio do Google reCAPTCHA. Use a opção Compactar para exibir uma opção de tamanho pequeno e a opção Normal para exibir uma caixa de diálogo de desafio do Google reCAPTCHA de tamanho relativamente grande.

Selecione Concluído.

Agora, o protegido pelo reCAPTCHA é exibido no Formulário adaptável. Ele é exibido em todas as Forms adaptáveis configuradas para usar o serviço reCAPTCHA do Google.

Agora, somente formulários legítimos, nos quais o preenchimento do formulário apaga com êxito o desafio imposto pelo serviço reCAPTCHA do Google, são permitidos para envio.