Langsung ke konten utama
@capgo/capacitor-recaptcha Auth & Keamanan Open source

reCAPTCHA plugin Capacitor

Buat token reCAPTCHA Web atau reCAPTCHA Enterprise serta token mobile Enterprise native

Instal

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

Tes di perangkat

Download aplikasi Capgo, lalu scan QR code.

Pratinjau QR plugin reCAPTCHA code

Menggunakan @capgo/capacitor-recaptcha

Buat 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;

Gunakan enterprise: false hanya ketika implementasi Web harus memuat reCAPTCHA v3 standar alih-alih reCAPTCHA Enterprise. Android dan iOS menggunakan jalur Enterprise/mobile SDK Google dan menolak enterprise: false.

Generate A Token

import { Recaptcha } from '@capgo/capacitor-recaptcha';

const { token } = await Recaptcha.execute({
  action: 'login',
});

Kirim token ke backend Anda dan buat assessment reCAPTCHA sebelum menerima request yang dilindungi.

Referensi Lengkap

Lanjutkan dari Menggunakan @capgo/capacitor-recaptcha

Jika Anda menggunakan Menggunakan @capgo/capacitor-recaptcha untuk merencanakan alur autentikasi dan akun, hubungkan dengan @capgo/capacitor-recaptcha untuk detail implementasi di @capgo/capacitor-recaptcha, Panduan Memulai untuk detail implementasi di Getting Started, @capgo/capacitor-social-login untuk detail implementasi di @capgo/capacitor-social-login, @capgo/capacitor-passkey untuk detail implementasi di @capgo/capacitor-passkey, dan @capgo/capacitor-native-biometric untuk detail implementasi di @capgo/capacitor-native-biometric.

FAQ

FAQ plugin reCAPTCHA

Bagaimana cara menginstal plugin reCAPTCHA di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-recaptcha" (atau "npm install @capgo/capacitor-recaptcha"), lalu jalankan "bunx cap sync" agar proyek iOS dan Android mengambil code native. Impor dari "@capgo/capacitor-recaptcha" di code aplikasi Anda.

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

Ya. reCAPTCHA adalah paket Capacitor, jadi bekerja dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript murni.

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

Plugin Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (contoh: plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub mencantumkan versi yang masih di-maintain.

Apakah @capgo/capacitor-recaptcha gratis dan open source?

Ya. Source code publik di GitHub di https://github.com/Cap-go/capacitor-recaptcha/ dan paketnya gratis diinstal dari npm. Laporan bug dan pull request sangat kami terima.

Bisakah saya memperbarui code yang menggunakan reCAPTCHA tanpa melalui review App Store?

Instalasi atau upgrade plugin akan mengubah native code, jadi butuh build store baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin bisa langsung dikirim lewat live updates Capgo.

Rilis perubahan reCAPTCHA tanpa menunggu review aplikasi

Setelah plugin ada di build store Anda, live updates Capgo akan mengirim perubahan JavaScript, HTML, dan CSS ke pengguna dalam hitungan menit.

Mulai dengan Capgo