__CAPGO_KEEP_0__ home
@capgo/capacitor-recaptcha Autenticazione & Sicurezza Open source

reCAPTCHA Plugin Capacitor

Genera token reCAPTCHA Web o reCAPTCHA Enterprise, più token nativi Enterprise per dispositivi mobili

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 utilizzare reCAPTCHA in Capacitor

Testa sul dispositivo

Scarica l'app Capgo, poi scansa il codice QR code.

Collegamento QR anteprima code plugin reCAPTCHA

Utilizza @capgo/capacitor-recaptcha

Genera token reCAPTCHA e reCAPTCHA Enterprise da applicazioni 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;

Utilizza enterprise: false Solo quando l'implementazione Web dovrebbe caricare la versione standard reCAPTCHA v3 al posto di reCAPTCHA Enterprise. Android e iOS utilizzano il percorso di Google Enterprise/mobile SDK e rifiutano enterprise: false.

Genera un Token

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

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

Inviare il token al tuo backend e crea un'analisi reCAPTCHA prima di accettare la richiesta protetta.

Riferimento Completo

Continua da Utilizzare @capgo/capacitor-recaptcha

Se stai utilizzando Utilizzare @capgo/capacitor-recaptcha per pianificare l'autenticazione e le flussi di account, connettilo con @capgo/capacitor-recaptcha per i dettagli di implementazione in @capgo/capacitor-recaptcha Getting Started per i dettagli di implementazione in Iniziare @capgo/capacitor-login con social per i dettagli di implementazione in @capgo/capacitor-login con social @capgo/capacitor-chiave passiva per i dettagli di implementazione in @capgo/capacitor-chiave passiva, e @capgo/capacitor-biometria nativa per i dettagli di implementazione in @capgo/capacitor-biometria nativa.

FAQ

FAQ per il plugin reCAPTCHA

Come installare il plugin reCAPTCHA in un'app Capacitor?

Esegui "bun add @capgo/capacitor-recaptcha" (o "npm install @capgo/capacitor-recaptcha"), quindi esegui "bunx cap sync" affinché i progetti iOS e Android recuperino il nativo code. Importalo da "@capgo/capacitor-recaptcha" nella tua app code.

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

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

Qual è la versione di Capacitor supportata da @capgo/capacitor-recaptcha?

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

È gratuito e open source @capgo/capacitor-recaptcha?

Sì. Il codice sorgente code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-recaptcha/ e il pacchetto è gratuito da installare su npm. Sono accetti i rapporti di bug e le richieste di pull.

Posso aggiornare code che utilizza reCAPTCHA senza una revisione dell'App Store?

L'installazione o l'aggiornamento del plugin modifica il codice nativo code, quindi richiede una nuova costruzione del negozio. Dopo di che, le modifiche JavaScript, HTML e CSS che chiamano il plugin possono essere distribuite immediatamente con gli aggiornamenti Capgo in tempo reale.

Invia modifiche a reCAPTCHA senza attendere la revisione dell'app

Una volta che il plugin è presente nella tua build di store, le Capgo live updates inviano le tue modifiche JavaScript, HTML e CSS agli utenti in pochi minuti

Inizia con Capgo