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

reCAPTCHA

Generasi Token Web reCAPTCHA atau Token reCAPTCHA Enterprise yang Natif untuk Ponsel Enterprise

Panduan

Tutorial tentang reCAPTCHA

Tes di perangkat

Unduh aplikasi Capgo terlebih dahulu, lalu 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 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, Getting Started untuk detail implementasi di Getting Started, @capgo/capacitor-social-login untuk detail implementasi di @capgo/capacitor-social-login, Plugin @capgo/capacitor-passkey untuk detail implementasi di @capgo/capacitor-passkey, dan Plugin @capgo/capacitor-native-biometric untuk detail implementasi di @capgo/capacitor-native-biometric.