0

Tentei utilizar todos os plugins que encontrei de verificação (captcha) dentro do meu aplicativo. Estou usando o framework Ionic. Gostaria de saber se há um plugin que funcione dentro do código html nesse caso.

Alguns dos quais eu tentei implementar utilizavam a tag e recebi um erro do console alertando que essa tag não existia, mesmo incluindo tudo que a documentação pedia.

1 Resposta 1

2

Assumindo que esta seja sua pergunta:

Gostaria de saber se há um plugin que funcione dentro do código html nesse caso.

Use o plugin de componente ng-recaptcha para Angular 2+. Funciona perfeitamente no Ionic.

Adicione o módulo ao seu arquivo app.module.ts (ou similar):

import { RecaptchaModule } from 'ng-recaptcha';
import { BrowserModule }  from '@angular/platform-browser';
import { MyApp } from './app.component.ts';

@NgModule({
  bootstrap: [MyApp],
  declarations: [MyApp],
  imports: [
    BrowserModule,
    RecaptchaModule.forRoot(), //importante
  ],
})
export class MyAppModule { }

E então, no seus templates html, declare da seguinte maneira:

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: '<re-captcha (onResolve)="resolved($event)" siteKey="CHAVE_DO_SEU_SITE"></re-captcha>',
}) 
export class MyApp {
  onResolve(captcha : string) {
    console.log(`Token captcha ${captcha}:`);
  }
}

Onde CHAVE_DO_SEU_SITE é obtida através do cadastro no site da Google reCAPTCHA.

3
  • Embora este link possa responder à pergunta, é melhor incluir as partes essenciais da resposta aqui e fornecer o link para referência. As respostas apenas por link podem ser invalidadas se a página com o link for alterada. - Da Revisão 12/09/2017 às 14:49
  • @Stormwind adicionei a devida implementação para auxiliar o solicitante.
    – djejaquino
    12/09/2017 às 16:14
  • Boa resposta, parece muito mais completa =) 12/09/2017 às 16:22

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .