Saltar al contenido principal
Volver a plugins
@capgo/capacitor-recaptcha
Tutoriales
por github.com/Cap-go

reCAPTCHA

Generar tokens web reCAPTCHA o reCAPTCHA Enterprise, así como tokens móviles nativos de Enterprise

Guía

Tutorial sobre reCAPTCHA

Usando @capgo/capacitor-recaptcha

Generar tokens de reCAPTCHA y reCAPTCHA Enterprise desde aplicaciones móviles de Web, Android e iOS Capacitor.

Instalar

npm install @capgo/capacitor-recaptcha
npx cap sync

Configurar

import type { CapacitorConfig } from '@capacitor/cli';
import '@capgo/capacitor-recaptcha';

const config: CapacitorConfig = {
  plugins: {
    Recaptcha: {
      androidSiteKey: 'ANDROID_SITE_KEY',
      iosSiteKey: 'IOS_SITE_KEY',
      webSiteKey: 'WEB_SITE_KEY',
      enterprise: true,
    },
  },
};

export default config;

Usar enterprise: false only when the Web implementation should load standard reCAPTCHA v3 instead of reCAPTCHA Enterprise. Android and iOS use Google's Enterprise/mobile SDK path and reject enterprise: false.

Generar un Token

import { Recaptcha } from '@capgo/capacitor-recaptcha';

const { token } = await Recaptcha.execute({
  action: 'login',
});

Envía el token a tu backend y crea una evaluación de reCAPTCHA antes de aceptar la solicitud protegida.

Referencia Completa

Sigue adelante desde Usando @capgo/capacitor-recaptcha

Si estás utilizando Usando @capgo/capacitor-recaptcha para planificar la autenticación y flujos de cuenta, conectarlo con @capgo/capacitor-recaptcha para detalles de implementación en @capgo/capacitor-recaptcha, Inicio para detalles de implementación en Inicio, @capgo/capacitor-social-login para detalles de implementación en @capgo/capacitor-social-login, @capgo/capacitor-passkey para detalles de implementación en @capgo/capacitor-passkey, y @capgo/capacitor-native-biometric para detalles de implementación en @capgo/capacitor-native-biometric.