Langkah ke isi utama
@capgo/capacitor-recaptcha @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-recaptcha Sumber Terbuka

Plugin Plugin Capacitor

Generate Token reCAPTCHA Web atau reCAPTCHA Enterprise serta token mobile Enterprise asli

Install

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 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.

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 A

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, Mulai Membangun untuk detail implementasi di Getting Started, @capgo/capacitor-login sosial untuk detail implementasi di @capgo/capacitor-login sosial, @capgo/capacitor-kunci pas untuk detail implementasi di @capgo/capacitor-kunci pas, dan @capgo/capacitor-biometrik native untuk detail implementasi di @capgo/capacitor-biometrik native.

FAQ

FAQ reCAPTCHA plugin

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 code native. 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?

Plugin 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 menampilkan versi yang masih dipelihara.

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

Ya. Sumber code ini terbuka di GitHub di https://github.com/Cap-go/capacitor-recaptcha/ dan paket ini gratis untuk diinstal dari npm.

Mengapa saya tidak bisa memperbarui code yang menggunakan reCAPTCHA tanpa melalui ulasan App Store?

Menginstal atau mengupgrade plugin ini akan mengubah native code, sehingga memerlukan build toko yang baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin ini dapat dikirimkan secara langsung dengan Capgo live updates.

Kirim perubahan reCAPTCHA tanpa menunggu tinjauan aplikasi

Setelah plugin masuk ke dalam aplikasi Anda, Capgo pembaruan hidup akan memasukkan perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit-menit.

Mulai dengan Capgo