__CAPGO_KEEP_0__

インストール

npm install @capgo/capacitor-recaptcha
npx cap sync

サイトキーを設定

Google Cloud reCAPTCHAでプラットフォームキーを作成し、 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、 webSiteKey 共有設定を上書きします。 siteKey. また、環境に依存するキーがある場合に、 siteKey 直接渡すこともできます。 load() または execute() 環境に依存するキーがある場合に、

トークンを生成

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() クライアントが準備されていない場合、自動的に実行されるため、明示的なプリロードステップは省略できます。 load() Web Standard reCAPTCHA v3

セクション「Web Standard reCAPTCHA v3」

Googleの標準Web reCAPTCHA v3スクリプトをロードする enterprise: false __CAPGO_KEEP_0__をクリップボードにコピー

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

On Android and iOS, Google’s native mobile SDK path is Enterprise/mobile only. Passing enterprise: false AndroidとiOSでは、Googleのネイティブモバイル__CAPGO_KEEP_0__パスはエンタープライズ/モバイルのみです。ネイティブプラットフォームで渡される場合、標準Web v3キーが誤って使用されないようにします。

移行に関する注意

プラグインは古いCordovaオプションのエイリアスを受け入れます。 sitekeyAndroid 古いCordovaオプションのエイリアスを受け入れます。 sitekeyWeb in call options and Capacitor config. It also accepts sitekeyIos 古いCordovaオプションのエイリアスを受け入れます。 sitekeyIOS as iOS migration aliases. Prefer the Capacitor config names for new code.

Getting Startedから続けてください

Capacitorを使用している場合 Getting Started 認証とアカウントフローの計画に使用する場合、Capacitorを Capacitorの「@capgo/capacitor-recaptcha」 Capacitorの「@capgo/capacitor-recaptcha」のネイティブ機能 Capacitorの「@capgo/capacitor-social-login」 Capacitorの「@capgo/capacitor-social-login」の実装詳細 Capacitorの「@capgo/capacitor-passkey」 Capacitorの「@capgo/capacitor-passkey」の実装詳細 Capacitorの「@capgo/capacitor-native-biometric」 Capacitorの実装詳細については@capgo/capacitor-native-biometricのページを参照してください。 2要素認証 Capacitorの実装詳細については2要素認証のページを参照してください。