Sauter au contenu principal
@capgo/capacitor-reCAPTCHA Auth & Sécurité Source ouvert

reCAPTCHA plugin Capacitor

Générez des jetons Web reCAPTCHA ou reCAPTCHA Enterprise ainsi que des jetons mobiles natifs Enterprise

Installer

bun add @capgo/capacitor-recaptcha bunx cap sync
npm, pnpm ou yarn
  • npm install @capgo/capacitor-recaptcha
  • pnpm add @capgo/capacitor-recaptcha
  • yarn add @capgo/capacitor-recaptcha

Guide

Comment utiliser reCAPTCHA dans Capacitor

Tester sur appareil

Téléchargez l'application Capgo, puis scannez le code QR code.

lien QR de prévisualisation du plugin reCAPTCHA code

Utilisez @capgo/capacitor-recaptcha

Générez des jetons reCAPTCHA et reCAPTCHA Enterprise à partir des applications 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 only when the Web implementation should load standard reCAPTCHA v3 instead of reCAPTCHA Enterprise. Android and iOS use Google's Enterprise/mobile SDK path and reject enterprise: false.

Générer un jeton

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

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

Envoyez le jeton à votre serveur backend et créez une évaluation reCAPTCHA avant d'accepter la demande protégée.

Référence complète

Continuez à partir de l'utilisation de @capgo/capacitor-recaptcha

Si vous utilisez L'utilisation de @capgo/capacitor-recaptcha pour planifier l'authentification et les flux de compte, connectez-l’avec @capgo/capacitor-reCAPTCHA pour le détail d'implémentation dans @capgo/capacitor-recaptcha Prise en main pour le détail d'implémentation dans Prise en main @capgo/capacitor-connexion-social Pour les détails d'implémentation dans @capgo/capacitor-social-login Sur @capgo/capacitor-passkey Pour les détails d'implémentation dans @capgo/capacitor-passkey, et Sur @capgo/capacitor-native-biometric Pour les détails d'implémentation dans @capgo/capacitor-native-biometric.

FAQ

FAQ du constructeur natif

Comment installer le plugin reCAPTCHA dans une application Capacitor?

Exécutez « bun add @capgo/capacitor-recaptcha » (ou « npm install @capgo/capacitor-recaptcha »), puis exécutez « bunx cap sync » afin que les projets iOS et Android prennent en charge le code natif. Importez-l’à partir de « @capgo/capacitor-recaptcha » dans votre application code.

Le plugin @capgo/capacitor-recaptcha fonctionne-t-il avec React, Vue et Angular?

Oui. reCAPTCHA est un paquet Capacitor, il fonctionne donc avec tout framework web qui tourne à l'intérieur de Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript pur.

Quelle version de Capacitor est prise en charge par @capgo/capacitor-recaptcha?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à la version majeure de votre Capacitor (par exemple, plugin v8 avec Capacitor 8). La table de compatibilité dans le README du GitHub liste les versions maintenues.

Le plugin @capgo/capacitor-recaptcha est-il gratuit et open source?

Oui. Le code source code est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-recaptcha/ et le paquet est gratuit à installer à partir de npm. Les rapports de bogues et les demandes de modification sont les bienvenus.

Peut-on mettre à jour code qui utilise reCAPTCHA sans passer par une revue de l'App Store ?

Installing or upgrading the plugin changes native code, so it needs a new store build. After that, JavaScript, HTML and CSS changes that call the plugin can ship instantly with Capgo live updates.

Envoyer les modifications de reCAPTCHA sans attendre la revue de l'application

Une fois le plugin est dans votre build de magasin, Capgo les mises à jour en direct transmettent vos modifications de JavaScript, HTML et CSS aux utilisateurs en quelques minutes.

Démarrer avec Capgo