Instalación de hCaptcha (sustituto de recaptcha de Google) en Angular/Angular Universal para rentabilizar tu web.

Beneficios de hCaptcha

• Gratuito: hCaptcha es gratuito al completo. Por otra parte, reCaptcha de Google también, excepto si tienes un volumen elevado de visitas.
• Obtienes beneficios:Los CAPTCHAS solucionados mediante hCAPTCHA son tareas que requieren personas para ser resultas. Por cada vez que se resuelve una CAPTCHA, hCAPTCHA otorga al administrador un token. Dichos tokens se pueden convertir en dinero o ser donados a una organización sin ánimo de lucro.
• Ayudas a implementar nuevos algoritmos: Resolver CAPTCHAS ayuda a entrenar algoritmos para que entiendan mejor el comportamiento humano o mejorar su reconocimiento de patrones.

Instalación

npm install --save --force ng-hcaptcha 

ng generate service service/hcaptcha

import {Inject, Injectable, PLATFORM_ID} from '@angular/core';
import {isPlatformBrowser} from '@angular/common';
@Injectable({
  providedIn: 'root'
})
export class HcaptchaService {

  public isBrowser  = false;

  constructor(@Inject(PLATFORM_ID) private platformId: Object) {
    if (isPlatformBrowser(platformId)) {
      this.isBrowser = true;
    }
  }

  getToken(token: string): string {
    if  (this.isBrowser == true){
      const xhr = new XMLHttpRequest();
      xhr.open('POST', 'urldestino' + token, false);
      xhr.send();
      const aux = JSON.parse(xhr.responseText);
      return  xhr.responseText ;
    } else {
      return 'false'
    }
  }

}

import {NgHcaptchaModule} from 'ng-hcaptcha';

@NgModule({
  declarations: [],
  imports: [
   NgHcaptchaModule.forRoot({
      //modificar con tu llave
      siteKey: '10000000-ffff-ffff-ffff-000000000001',
      languageCode: 'es' // optional, will default to browser language
    })

  ],
  providers: [
   ]
})

<div *ngIf="robot == true">
    <p>Eres un robot</p>
</div>
<div *ngIf="robot == false">
    <p>No eres un robot</p>
</div>
<div *ngIf="expirado == true">
  <p>Captcha expirado. Recarga la página</p>
</div>
<ng-hcaptcha (verify)="onVerify($event)"
                   (expired)="onExpired($event)"
                   (error)="onError($event)">
</ng-hcaptcha>

public robot: boolean;
public expirado: boolean;

constructor(public captchaSerice: HcaptchaService) {
    this.robot = true;
    this.expirado = false;
}

onVerify(token: string) {
    const auxiliar = this.captchaSerice.getToken(token)
    if (auxiliar.includes('true')) {
      this.robot = false;
    }
}
onExpired(response: any) {
    alert('Se ha expirado el tiempo para rellenar el sistema de seguridad. Recarga la página.');
    this.expirado=true;
}

onError(error: any) {
    alert('Tenemos un probelma, creemos que eres un robot.');
    this.robot = true;
    // An error occured during the verification process.
}

'''
Función destinada a realizar una verificación de hCaptcha
'''
class Verificar_HCaptcha(Resource):
        def post(self, token):
            recaptcha_url = 'https://hcaptcha.com/siteverify'
            #modificar por vuestra clave
            recaptcha_secret_key = '0x0000000000000000000000000000000000000000'
            payload = {
                'secret': recaptcha_secret_key,
                'response': token,
                'remoteip': request.remote_addr,
            }
            response = requests.post(recaptcha_url, data=payload)
            result = response.json()
            return result.get('success', False)

local_resources = [
    (Verificar_HCaptcha, '/verificarh/<string:token>/'),
]

Ejemplo en ejecución

¿Eres un robot?. Según recaptcha de hCaptcha: