Richtlinie
Tutorial zum reCAPTCHA
Mit @capgo/capacitor-recaptcha reCAPTCHA und reCAPTCHA Enterprise-Tokens aus Web-, Android- und iOS-capgo-Apps generieren.
Generate reCAPTCHA and reCAPTCHA Enterprise tokens from Web, Android, and 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;
Verwenden enterprise: false Verwenden Sie nur, wenn die Web-Implementierung die StandardreCAPTCHA v3 anstelle von reCAPTCHA Enterprise laden soll. Android und iOS verwenden den Enterprise/Mobile-Pfad von Google 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-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 "@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-recaptcha" verwenden Wenn Sie "@capgo/capacitor-recaptcha" verwenden um die Authentifizierung und die Kontenflüsse zu planen, verbinden Sie es mit @capgo/capacitor-recaptcha für die Implementierungsdetails in @capgo/capacitor-recaptcha, Einstieg für die Implementierungsdetails in Einstieg, @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 die Implementierungsdetails in @capgo/capacitor-native-biometric.