Langkapi ke konten utama

Panduan

Tutorial tentang reCAPTCHA

Uji coba di perangkat

Unduh aplikasi Capgo terlebih dahulu, 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.

Pasang

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 SDK Enterprise/mobil Google dan menolak 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 Menggunakan @capgo/capacitor-recaptcha

Jika Anda menggunakan Menggunakan @capgo/capacitor-recaptcha untuk merencanakan autentikasi dan alur akun, hubungkannya dengan @capgo/capacitor-recaptcha untuk detail implementasi di @capgo/capacitor-recaptcha, Berikut Langkah Awal untuk detail implementasi di Berikut Langkah Awal, @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.