Mulai Menggunakan

Salin prompt pengaturan dengan langkah instalasi dan panduan markdown lengkap untuk plugin ini.

        Set up this Capacitor plugin in the project.

Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-recaptcha`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/recaptcha/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.

Instal

Anda dapat menggunakan Pengaturan AI Bantu untuk menginstal plugin. Tambahkan Capgo kemampuan ke alat AI Anda menggunakan perintah berikut:

npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

Lalu gunakan prompt berikut:

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-recaptcha` plugin in my project.

Jika Anda lebih suka Setup Manual, instal plugin dengan menjalankan perintah-perintah berikut dan ikuti instruksi spesifik platform di bawah ini:

bun add @capgo/capacitor-recaptcha
bunx cap sync

Konfigurasi Kunci Situs

Buat kunci platform di Google Cloud reCAPTCHA, kemudian tambahkan ke capacitor.config.ts.

import type { CapacitorConfig } from '@capacitor/cli';
import '@capgo/capacitor-recaptcha';

const config: CapacitorConfig = {
  appId: 'com.example.app',
  appName: 'Example',
  webDir: 'dist',
  plugins: {
    Recaptcha: {
      androidSiteKey: 'ANDROID_SITE_KEY',
      iosSiteKey: 'IOS_SITE_KEY',
      webSiteKey: 'WEB_SITE_KEY',
      enterprise: true,
    },
  },
};

export default config;

androidSiteKey, iosSiteKey, dan webSiteKey mengatasi kunci yang dibagikan siteKey Anda juga dapat melewati sebuah siteKey langsung ke load() atau execute() ketika kunci bergantung pada lingkungan Anda.

ketika kunci bergantung pada lingkungan Anda.

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

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

await fetch('/api/recaptcha-assessment', {
  method: 'POST',
  headers: { 'content-type': 'application/json' },
  body: JSON.stringify({ token, action: 'login' }),
});

execute() calls load() otomatis ketika klien tidak siap, sehingga langkah pra-muat (preload) eksplisit menjadi opsional.

Standar Web reCAPTCHA v3

Set enterprise: false untuk memuat skrip Web reCAPTCHA v3 standar Google.

const { token } = await Recaptcha.execute({
  siteKey: 'WEB_V3_SITE_KEY',
  enterprise: false,
  action: 'signup',
});

Pada Android dan iOS, jalur SDK mobile asli Google hanya tersedia untuk perusahaan. Menggunakan enterprise: false Pada platform asli ditolak, sehingga kunci Web v3 standar tidak digunakan secara tidak sengaja.

Bab yang berjudul 'Catatan Migrasi'

Plugin ini menerima nama pilihan Cordova yang sudah usang sitekeyAndroid and sitekeyWeb dalam panggilan opsi dan Capacitor konfigurasi. Plugin ini juga menerima sitekeyIos and sitekeyIOS sebagai nama alias migrasi iOS. Gunakan nama konfigurasi Capacitor untuk code baru.

Teruskan dari Getting Started

Jika Anda menggunakan Mulai Menggunakan untuk merencanakan autentikasi dan alur akun, hubungkannya dengan Menggunakan @capgo/capacitor-recaptcha untuk kemampuan native di Menggunakan @capgo/capacitor-recaptcha, @capgo/capacitor-login Sosial untuk detail implementasi di @capgo/capacitor-social-login, @capgo/capacitor-kunci akses untuk detail implementasi di @capgo/capacitor-passkey, @capgo/capacitor-native-biometrik untuk detail implementasi di @capgo/capacitor-native-biometric, dan Autentikasi dua faktor untuk detail implementasi Autentikasi dua faktor.