reCAPTCHA Capacitor プラグイン

@capgo/capacitor-recaptchaを使用

Generate reCAPTCHA and reCAPTCHA Enterprise tokens from Web, Android, and iOS Capacitor apps.

インストール

npm install @capgo/capacitor-recaptcha
npx cap sync

設定

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;

使用 enterprise: false Web実装では、標準のreCAPTCHA v3を代わりにreCAPTCHA Enterpriseを使用する場合にのみ使用してください。AndroidとiOSはGoogleのEnterprise/MobileSDKパスを使用し、拒否します。 enterprise: false.

トークンを生成

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

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

トークンをバックエンドに送信し、受け入れる保護されたリクエストの前にreCAPTCHAの評価を作成します。

全体リファレンス

• GitHub: https://github.com/Cap-go/capacitor-recaptcha/
• ドキュメント: /docs/plugins/recaptcha/

使用中の@capgo/capacitor-recaptchaから続けてください

あなたは 使用中の@capgo/capacitor-recaptcha 認証とアカウントフローの計画に使用している場合、@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-recaptchaと接続してください @capgo/capacitor-recaptchaの実装詳細については@capgo/capacitor-recaptchaを参照してください @capgo/capacitor-recaptchaの実装詳細について Getting Startedの実装詳細についてはGetting Startedを参照してください Full Reference @capgo/capacitor-ソーシャルログイン Capacitorで社会ログインを実装する方法については、@capgo/capacitor-social-loginのドキュメントを参照してください。 @capgo/capacitor-パスキー Capacitorでパスキーの実装方法については、@capgo/capacitor-passkeyのドキュメントを参照してください。 @capgo/capacitor-native-biometric Capacitorでバイオメトリックの実装方法については、@capgo/capacitor-native-biometricのドキュメントを参照してください。