Mit @capgo/capacitor-recaptcha

Erstellen Sie reCAPTCHA- und reCAPTCHA-Enterprise-Tokens aus Web-, Android- und iOS Capacitor-Apps.

Installieren

npm install @capgo/capacitor-recaptcha
npx cap sync

Konfigurieren

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;

Benutzen enterprise: false nur, wenn die Web-Implementierung die StandardreCAPTCHA-V3 anstelle von reCAPTCHA Enterprise laden soll. Android und iOS verwenden den Google-Enterprise-/Mobile-SDK-Pfad und lehnen SDK ab. enterprise: false.

Token generieren

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

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

Senden Sie den Token an Ihren Backend und erstellen Sie eine reCAPTCHA-Bewertung, bevor Sie den geschützten Antrag akzeptieren.

Vollständige Referenz

GitHub: https://github.com/Cap-go/capacitor-recaptcha/
Dokumentation: /docs/plugins/recaptcha/

Fortsetzen Sie mit der Verwendung von @capgo/capacitor-recaptcha

Wenn Sie die Verwendung von Die Verwendung von @capgo/capacitor-recaptcha um die Authentifizierung und die Kontoflussplanung zu planen, verbinden Sie es mit @capgo/capacitor-recaptcha zur Implementierungsdetail in @capgo/capacitor-recaptcha Zur Anleitung zur Implementierungsdetail in Zur Anleitung @capgo/capacitor-social-login zur Implementierungsdetail in @capgo/capacitor-social-login @capgo/capacitor-passkey für die Implementierungsdetails in @capgo/capacitor-passkey, und @capgo/capacitor-native-biometric für die Implementierungsdetails in @capgo/capacitor-native-biometric.

reCAPTCHA