Passer au contenu principal
Retour aux plugins
@capgo/capacitor-recaptcha
Tutoriel
par github.com/Cap-go

reCAPTCHA

Générez des jetons Web reCAPTCHA ou reCAPTCHA Enterprise ainsi que des jetons mobiles natifs Enterprise

Guide

Tutoriel sur reCAPTCHA

Utilisation de @capgo/capacitor-recaptcha

Générez des jetons reCAPTCHA et reCAPTCHA Enterprise à partir d'applications Web, Android et iOS Capacitor.

Installation

npm install @capgo/capacitor-recaptcha
npx cap sync

Configurer

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;

Utiliser 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.

Générer un jeton

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

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

Envoyez le jeton à votre backend et créez une évaluation reCAPTCHA avant d'accepter la demande protégée.

Référence complète

Continuez à partir de l'utilisation de @capgo/capacitor-recaptcha

Si vous utilisez En utilisant @capgo/capacitor-recaptcha pour planifier l'authentification et les flux de compte, connectez-le avec @capgo/capacitor-recaptcha détails d'implémentation dans @capgo/capacitor-recaptcha, Démarrage détails d'implémentation dans Démarrage, @capgo/capacitor-social-login détails d'implémentation dans @capgo/capacitor-social-login, @capgo/capacitor-passkey détails d'implémentation dans @capgo/capacitor-passkey, et @capgo/capacitor-native-biometric détails d'implémentation dans @capgo/capacitor-native-biometric.