reCAPTCHA Capacitor Plugin

Nutzung von @capgo/capacitor-recaptcha

Generiere reCAPTCHA- und reCAPTCHA Enterprise-Tokens für 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;

Nutzt enterprise: false nur wenn die Web-Implementierung statt reCAPTCHA Enterprise das Standard-reCAPTCHA v3 laden soll. Android und iOS nutzen Googles Enterprise-/Mobile-SDK-Pfad und lehnen enterprise: false.

Token generieren

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

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

Sende den Token an dein Backend und erstelle eine reCAPTCHA-Prüfung, bevor du den geschützten Request akzeptierst.

Vollständige Referenz

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

Weiter geht's mit @capgo/capacitor-recaptcha

Wenn du es nutzt Nutzung von @capgo/capacitor-recaptcha Um Authentifizierungs- und Account-Flows zu planen, verbinde es mit @capgo/capacitor-recaptcha für die Implementierungsdetails in @capgo/capacitor-recaptcha, Erste Schritte für die Implementierungsdetails in Erste Schritte, @capgo/capacitor-social-login für die Implementierungsdetails in @capgo/capacitor-social-login, @capgo/capacitor-passkey für die Implementierungsdetails in @capgo/capacitor-passkey, und @capgo/capacitor-native-biometric für das Implementierungsdetail in @capgo/capacitor-native-biometric.