Guide
Comment utiliser reCAPTCHA dans Capacitor
Utiliser @capgo/capacitor-recaptcha
Générez des tokens reCAPTCHA et reCAPTCHA Enterprise depuis vos apps 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 uniquement lorsque l’implémentation Web doit charger reCAPTCHA v3 standard au lieu de reCAPTCHA Enterprise. Android et iOS utilisent le parcours Enterprise/mobile de Google SDK et rejettent enterprise: false.
Générer un token
import { Recaptcha } from '@capgo/capacitor-recaptcha';
const { token } = await Recaptcha.execute({
action: 'login',
});
Envoyez le token à votre backend et créez une évaluation reCAPTCHA avant d’accepter la requête protégée.
Référence complète
- GitHub : https://github.com/Cap-go/capacitor-recaptcha/
- Docs : /docs/plugins/recaptcha/
Continuez depuis Utilisation de @capgo/capacitor-recaptcha
Si vous utilisez Utiliser @capgo/capacitor-recaptcha pour planifier les flux d'authentification et de compte, le connecter à @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 Getting Started @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.