Anleitung
Verwenden Sie reCAPTCHA in Capacitor
Verwenden Sie @capgo/capacitor-recaptcha
Erstellen Sie reCAPTCHA- und reCAPTCHA-Enterprise-Tokens aus Web-, Android- und iOS-Capacitor-Anwendungen.
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;
Verwenden enterprise: false Nur verwenden, wenn die Web-Implementierung den Standard-reCAPTCHA v3 anstelle von reCAPTCHA Enterprise laden soll. Android und iOS verwenden den Google-Enterprise-/Mobile-SDK-Pfad und lehnen ab enterprise: false.
Erstellen Sie einen Token
import { Recaptcha } from '@capgo/capacitor-recaptcha';
const { token } = await Recaptcha.execute({
action: 'login',
});
Senden Sie den Token an Ihren Backend-Server 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 Verwendung von @capgo/capacitor-recaptcha um die Authentifizierung und die Kontenflüsse zu planen, verbinden Sie es mit @capgo/capacitor-ReCaptcha zur Implementierungsdetail in @capgo/capacitor-recaptcha Anleitung zum Starten für die Implementierungsdetails in Getting Started, @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-biometrisch für die Implementierungsdetails in @capgo/capacitor-native-biometric.