Captcha

Captcha

• Usar Captcha : Define se a aplicação terá suporte a Captcha.
• Não : Não exibe o captcha na aplicação gerada.
• Captcha : Exibe a versão antiga do Captcha.

• Quantidade : Quantidade de caracteres da imagem do Captcha.
• Lista : Lista de caracteres que serão utilizados pelo Captcha.
• Label : Mensagem exibida para o Captcha.
• Mensagem de Erro : Mensagem de erro do Captcha.
• Altura : Altura da imagem gerada pelo Captcha ( em pixels ).
• Largura : Largura da imagem gerada pelo Captcha ( em pixels ).
• Tamanho da Fonte: Tamanho da fonte da imagem gerada pelo Captcha ( em pixels ).
• Recarregar: Exibie um botão para recarregar o Captcha.
• Selecione Layout: Dispõe de vários layouts ( de posicionamento ) para a exibição do Captcha.

reCAPTCHA

O reCAPTCHA é uma ferramenta utilizada através de API disponibilizada pelo Google para realização de verificações de envio de formulários adicionando segurança no momento de confirmação do formulário ( impedindo que sejam utilizadas automações para submissão ).

• Exemplo do reCAPTCHA:

  

Primeiramente temos que solicitar uma Chave de API para ativarmos o reCAPTCHA na aplicação do Scriptcase seguindo os passos abaixo:

• Para obter a Chave do Site e Secret Key devemos acessar o endereço: https://www.google.com/recaptcha/admin#list. A página abaixo será exibida:

  ![Página inicial API ReCaptcha do Google][google_recaptcha_api_ini]

  • Label: Nome do projeto que será criado para armazenar as chaves do reCAPTCHA.
  • Choose the type of reCaptcha : Devemos selecionar a opção reCAPTCHA V2.
  • Domains: Podemos inserir vários domínios (um por linha) para limitarmos o uso da API.

  Após isto, devemos aceitas os temos de serviço ( “Accept the reCAPTCHA Terms of Service” ).

  Ao clicar em Register a página será atualizada com as informções de integração do reCAPTCHA. Nesta tela podemos obter os dados da Chave do Site e do Secret Key:

  ![Cahve de API e Secret Key reCATPCHA][google_recaptcha_keys]

Agora, podemos configurar a segurança da aplicação do scriptcase:

• Chave do Site: Chave gerada pelo google após a criação do projeto reCAPTCHA.
• Secret Key: Chave gerada pelo google após a criação do projeto reCAPTCHA.
• Tema : Define a cor que o reCAPTCHA será exibido. Temos duas opções:

  • Light :

    ![Tema do reCAPTCHA ligth][google_recaptcha_light]

  • Dark :

    ![Tema do reCAPTCHA dark][google_recaptcha_dark]

• Tipo: Define o tipo inicial do reCAPTCHA a ser exibido. Temos duas opções:

  • Áudio:

    ![Tipo do reCAPTCHA Áudio][recaptcha_audio]

  • Imagem:

    ![Tipo do reCAPTCHA Imagem][recaptcha_imagem]

• Tamanho : Define o tamanho do reCAPTCHA. Temos duas opções:

  • Normal :

    ![Tamanho do reCAPTCHA Normal][recaptcha_normal]

  • Compacto:

    ![Tamanho do reCAPTCHA Compacto][recaptcha_compacto]

• Posição : Define a posição do componente reCAPTCHA em relação à largura da aplicação:
  • Esquerda: Posiciona o componente reCAPTCHA à esquerda.
  • Centro: Posiciona o componente reCAPTCHA no centro..
  • Direita : Posiciona o componente reCAPTCHA à direita.

.png [google_recaptcha_api_ini]: ../../../../../assets/images/docs/app/control/api_recaptcha_ini.png [google_recaptcha_keys]: ../../../../../assets/images/docs/app/control/api_recaptcha_keys.png [google_recaptcha_light]: ../../../../../assets/images/docs/app/control/recaptcha_light.png [google_recaptcha_dark]: ../../../../../assets/images/docs/app/control/recaptcha_dark.png [recaptcha_audio]: ../../../../../assets/images/docs/app/control/recaptcha_audio.png [recaptcha_imagem]: ../../../../../assets/images/docs/app/control/recaptcha_imagem.png [recaptcha_normal]: ../../../../../assets/images/docs/app/control/recaptcha_normal.png [recaptcha_compacto]: ../../../../../assets/images/docs/app/control/recaptcha_compacto.png