Skip to konten utama
Kembali ke plugin
@capgo/capacitor-recaptcha
Tutorial
@capgo/capacitor-recaptcha

reCAPTCHA

Generasi Token Web reCAPTCHA atau reCAPTCHA Enterprise beserta Token Mobile Enterprise Asli

Panduan

Tutorial tentang reCAPTCHA

Uji di perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Pratinjau tautan QR plugin reCAPTCHA code

Menggunakan @capgo/capacitor-recaptcha

Menghasilkan token reCAPTCHA dan reCAPTCHA Enterprise dari aplikasi Web, Android, dan iOS Capacitor.

Instal

npm install @capgo/capacitor-recaptcha
npx cap sync

Konfigurasi

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;

Pakai enterprise: false Hanya ketika implementasi Web harus memuat reCAPTCHA standar v3 daripada reCAPTCHA Enterprise. Android dan iOS menggunakan jalur Enterprise/mobile Google dan menolak SDK enterprise: false.

Menghasilkan Token

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

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

Kirimkan token ke backend Anda dan buat penilaian reCAPTCHA sebelum menerima permintaan yang dilindungi.

Referensi Lengkap

Teruskan dari Penggunaan @capgo/capacitor-recaptcha

Jika Anda menggunakan Penggunaan @capgo/capacitor-recaptcha untuk merencanakan autentikasi dan alur akun, hubungkannya dengan @capgo/capacitor-recaptcha untuk detail implementasi di @capgo/capacitor-recaptcha Mulai untuk detail implementasi di Mulai @capgo/capacitor-login-sosial untuk detail implementasi di @capgo/capacitor-login-sosial capgo/capacitor-passkey untuk detail implementasi di capgo/capacitor-passkey, dan capgo/capacitor-native-biometric untuk detail implementasi di capgo/capacitor-native-biometric.