Saltar al contenido principal
@capgo/capacitor-recaptcha Autenticación y seguridad Código abierto

reCAPTCHA complemento de Capacitor

Genera tokens de Web reCAPTCHA o reCAPTCHA Enterprise, así como tokens móviles nativos de Enterprise

Instalar

bun add @capgo/capacitor-recaptcha bunx cap sync
@npm, pnpm o yarn
  • npm install @capgo/capacitor-recaptcha
  • pnpm add @capgo/capacitor-recaptcha
  • yarn add @capgo/capacitor-recaptcha

Guía

Cómo usar reCAPTCHA en Capacitor

Probar en dispositivo

Descargue la aplicación Capgo, luego escane el código QR code.

Vista previa del plugin reCAPTCHA QR code

Usando @capgo/capacitor-recaptcha

Generate reCAPTCHA and reCAPTCHA Enterprise tokens from Web, Android, and iOS Capacitor apps.

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íe el token a su backend y cree una evaluación de reCAPTCHA antes de aceptar la solicitud protegida.

Referencia Completa

Siga adelante desde Usando @capgo/capacitor-recaptcha

Si está utilizando Usando @capgo/capacitor-recaptcha para planificar la autenticación y los flujos de cuenta, conecte @capgo/capacitor-recaptcha para el detalle de implementación en @capgo/capacitor-recaptcha, Getting Started para los detalles de implementación en Getting Started, @capgo/capacitor-login-social para los detalles de implementación en @capgo/capacitor-social-login, @capgo/capacitor-clave-llave para los detalles de implementación en @capgo/capacitor-passkey, y @capgo/capacitor-biometría-nativa para los detalles de implementación en @capgo/capacitor-native-biometric.

FAQ

Preguntas frecuentes del plugin reCAPTCHA

¿Cómo instalo el plugin reCAPTCHA en una aplicación Capacitor?

Ejecuta "bun add @capgo/capacitor-recaptcha" (o "npm install @capgo/capacitor-recaptcha"), luego ejecuta "bunx cap sync" para que los proyectos iOS y Android capturen el code nativo. Importa desde "@capgo/capacitor-recaptcha" en tu aplicación code.

¿Funciona @capgo/capacitor-recaptcha con React, Vue y Angular?

Sí. reCAPTCHA es un paquete Capacitor, por lo que funciona con cualquier framework web que se ejecute dentro de Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor admite @capgo/capacitor-recaptcha?

Capgo plugins siguen la versión mayor de Capacitor: utiliza la versión mayor del plugin que coincida con la versión mayor de Capacitor (por ejemplo, plugin v8 con Capacitor 8). La tabla de compatibilidad en el README del GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-recaptcha gratuito y de código abierto?

¡Sí. La fuente code es pública en GitHub en https://github.com/Cap-go/capacitor-recaptcha/ y el paquete es gratuito para instalar desde npm. Se agradecen los informes de errores y solicitudes de extracción.

Puedo actualizar code que utiliza reCAPTCHA sin una revisión de la Tienda?

Instalar o actualizar el complemento cambia el code nativo, por lo que necesita una nueva compilación de la tienda. Después de eso, los cambios en JavaScript, HTML y CSS que llaman al complemento pueden enviar actualizaciones en vivo con Capgo instantáneamente.

Envíe cambios de reCAPTCHA sin esperar la revisión de la aplicación

Una vez que el plugin esté en tu tienda de construcción, Capgo actualizaciones en vivo empujan tus cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Comienza con Capgo