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

reCAPTCHA

Menghasilkan token reCAPTCHA web atau reCAPTCHA Enterprise beserta token mobile Enterprise asli

Petunjuk

Tutorial tentang reCAPTCHA

Uji di perangkat

Unduh aplikasi Capgo terlebih dahulu, kemudian scan kode QR code.

Tautan QR pratinjau 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;

Gunakan enterprise: false hanya ketika implementasi Web harus memuat reCAPTCHA v3 standar 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',
});

Kirim 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, Mengawali untuk detail implementasi di Mengawali, @capgo/capacitor-social-login untuk detail implementasi di @capgo/capacitor-social-login, untuk capgo/capacitor-passkey untuk detail implementasi di capgo/capacitor-passkey, dan untuk capgo/capacitor-native-biometric untuk detail implementasi di capgo/capacitor-native-biometric.