Salta al contenuto principale
@capgo/capacitor-recaptcha Autenticazione e sicurezza Open source

reCAPTCHA Plugin Capacitor

Genera token reCAPTCHA o reCAPTCHA Enterprise per il web e token Enterprise nativi per mobile

Installa

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

Guida

Come usare reCAPTCHA in Capacitor

Testa sul dispositivo

Scarica l'app Capgo, poi scansiona il QR code.

QR code per l'anteprima del plugin reCAPTCHA

Utilizzo di @capgo/capacitor-recaptcha

Genera token reCAPTCHA e reCAPTCHA Enterprise per app Web, Android e iOS Capacitor.

Installa

npm install @capgo/capacitor-recaptcha
npx cap sync

Configura

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;

Usa enterprise: false solo quando l'implementazione Web deve caricare il reCAPTCHA v3 standard invece di reCAPTCHA Enterprise. Android e iOS utilizzano il percorso Enterprise/mobile di Google SDK e rifiutano enterprise: false.

Genera un token

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

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

Invia il token al tuo backend e crea una valutazione reCAPTCHA prima di accettare la richiesta protetta.

Riferimento completo

Continua da Using @capgo/capacitor-recaptcha

Se stai usando Utilizzo di @capgo/capacitor-recaptcha per pianificare i flussi di autenticazione e account, collegandolo a @capgo/capacitor-recaptcha per i dettagli di implementazione in @capgo/capacitor-recaptcha, Per iniziare per i dettagli di implementazione nella guida introduttiva, @capgo/capacitor-social-login per i dettagli di implementazione in @capgo/capacitor-social-login, @capgo/capacitor-passkey per i dettagli di implementazione in @capgo/capacitor-passkey, e @capgo/capacitor-native-biometric per i dettagli di implementazione in @capgo/capacitor-native-biometric.

FAQ

FAQ del plugin reCAPTCHA

Come installo il plugin reCAPTCHA in un'app Capacitor?

Esegui "bun add @capgo/capacitor-recaptcha" (o "npm install @capgo/capacitor-recaptcha"), poi lancia "bunx cap sync" per aggiornare i progetti iOS e Android con il code nativo. Importalo da "@capgo/capacitor-recaptcha" nel code della tua app.

@capgo/capacitor-recaptcha funziona con React, Vue e Angular?

Sì. reCAPTCHA è un pacchetto Capacitor, quindi funziona con qualsiasi web framework in esecuzione all'interno di Capacitor, inclusi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Quale versione di Capacitor supporta @capgo/capacitor-recaptcha?

I plugin Capgo seguono la major version di Capacitor: usa la major version del plugin che corrisponde alla tua major version di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

@capgo/capacitor-recaptcha è free e open source?

Sì. Il codice sorgente di code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-recaptcha/ e il pacchetto è gratuito su npm. Segnalazioni di bug e pull request sono benvenute.

Posso aggiornare code che utilizza reCAPTCHA senza passare per la revisione dell'App Store?

Installare o aggiornare il plugin modifica il code nativo, quindi serve una nuova build per lo store. Dopo, le modifiche a JavaScript, HTML e CSS che chiamano il plugin possono essere rilasciate subito con le live updates di Capgo.

Distribuisci modifiche a reCAPTCHA senza attendere la revisione dell'app

Una volta incluso il plugin nel tuo store build, Capgo invia le modifiche a JavaScript, HTML e CSS tramite live updates in pochi minuti.

Inizia con Capgo