__CAPGO_KEEP_0__ Beranda
@capgo/capacitor-recaptcha Keamanan & Autentikasi Terbuka sumber

reCAPTCHA Plugin Capacitor

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

Pasang

bun add @capgo/capacitor-recaptcha bunx cap sync
npm, pnpm atau yarn
  • npm install @capgo/capacitor-recaptcha
  • pnpm add @capgo/capacitor-recaptcha
  • yarn add @capgo/capacitor-recaptcha

Panduan

Cara menggunakan reCAPTCHA di Capacitor

Uji coba di perangkat

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

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

FAQ

Pertanyaan yang Sering Diajukan

Bagaimana cara menginstal plugin reCAPTCHA di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-recaptcha" (atau "npm install @capgo/capacitor-recaptcha"), kemudian jalankan "bunx cap sync" agar projek iOS dan Android dapat menangkap native code. Import dari "@capgo/capacitor-recaptcha" di aplikasi code.

Apakah @capgo/capacitor-recaptcha dapat digunakan dengan React, Vue, dan Angular?

Iya. reCAPTCHA adalah paket Capacitor, sehingga dapat digunakan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-recaptcha?

Paket Capgo mengikuti versi utama Capacitor: gunakan versi plugin utama yang sesuai dengan versi utama Capacitor (misalnya plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub menyebutkan versi yang dipertahankan.

Apakah @capgo/capacitor-recaptcha gratis dan terbuka sumber?

Iya. Sumber code tersedia secara publik di GitHub di https://github.com/Cap-go/capacitor-recaptcha/ dan paket dapat diinstal secara gratis dari npm. Laporan bug dan permintaan pull selalu welcome.

Apakah saya bisa memperbarui code yang menggunakan reCAPTCHA tanpa melalui tinjauan App Store?

Pemasangan atau pengupgrade plugin mengubah kode native code, sehingga memerlukan pembangunan toko baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin dapat dikirimkan secara langsung dengan Capgo pembaruan hidup.

Kirim perubahan reCAPTCHA tanpa harus menunggu tinjauan aplikasi

Setelah plugin ini ada di toko Anda, Capgo pembaruan live akan meneruskan perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit.

Mulai dengan Capgo