Aller directement au contenu principal
Retour aux plugins
@capgo/capacitor-recaptcha
Tutoriel
@capgo/capacitor-recaptcha

reCAPTCHA

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

Guide

Tutoriel sur reCAPTCHA

Tester sur appareil

Téléchargez l'application Capgo, puis scannez le code QR code.

lien de prévisualisation QR du plugin reCAPTCHA code

Utilisation de @capgo/capacitor-recaptcha

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

Installer

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 Utilisez uniquement lorsque l'implémentation Web doit charger la reCAPTCHA standard v3 au lieu de reCAPTCHA Enterprise. Android et iOS utilisent la voie d'entreprise/mobile de Google pour SDK et rejettent enterprise: false.

Générer un jeton

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

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

Envoyez le jeton à votre serveur 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 pour les détails d'implémentation dans @capgo/capacitor-recaptcha, Prise en main pour les détails d'implémentation dans Prise en main, @capgo/capacitor-social-login pour les détails d'implémentation dans @capgo/capacitor-social-login, @capgo/capacitor-passkey pour les détails d'implémentation dans @capgo/capacitor-passkey, et @capgo/capacitor-native-biometric pour les détails d'implémentation dans @capgo/capacitor-native-biometric.