reCAPTCHA Capacitor プラグイン

@capgo/capacitor-recaptcha を使用

Web、Android、iOS の Capacitor アプリから reCAPTCHA および reCAPTCHA Enterprise トークンを生成します。

インストール

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 Enterprise ではなく標準の reCAPTCHA v3 をロードする必要がある場合のみ設定してください。Android と iOS は Google の Enterprise/mobile SDK パスを使用し、拒否します 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/capacitor-recaptcha @capgo/capacitor-recaptcha の実装の詳細については、 スタートガイド スタートガイドの実装詳細については、 @capgo/capacitor-social-login @capgo/capacitor-social-login の実装の詳細については、 @capgo/capacitor-passkey @capgo/capacitor-passkey の実装詳細については、 @capgo/capacitor-native-biometric @capgo/capacitor-native-biometric. の実装詳細についてはこちら