reCAPTCHA Capgoリポジトリ

インストール

CapgoのAIアシストセットアップを使用してプラグインをインストールできます。次のコマンドを使用して、CapgoスキルをAIツールに追加します。

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

次のプロンプトを使用してください:

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

Manual Setupを使用する場合は、以下のコマンドを実行して、下記のプラットフォーム固有の指示に従ってください。

npm install @capgo/capacitor-recaptcha
npx cap sync

サイトキーを設定

Google Cloud reCAPTCHAでプラットフォームキーを作成し、次に__CAPGO_KEEP_0__に追加します。 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() Capacitorライブアップデートの代替品の比較ページ。役割：長いマーケティングまたは法的文章。見つける場所：ページalternatives.astro。Capgo製品/ブランドと開発者用語を厳密に保存する。メッセージキー`alternatives_cta_questions` (代替CTA質問)。

Appflowの比較/移行マーケティングコピー。役割：長いマーケティングまたは法的文章。見つける場所：ページionic-appflow.astro。Capgo製品/ブランドと開発者用語を厳密に保存する。メッセージキー`appflow_cta_questions` (Appflow CTA質問)。

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() Appflowの比較/移行マーケティングコピー。役割：短いUIラベルまたはナビゲーションアイテム。見つける場所：ページionic-appflow.astro、ページionic-enterprise-plugins.astro、ページsolutions/ionic-enterprise-plugins.astro。メッセージキー`appflow_plugins_or` (Appflow プラグインまたは)。 load() 環境に依存するキーがあれば。

トークンを生成する。

セット enterprise: false Googleの標準Web reCAPTCHA v3スクリプトを読み込む

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

AndroidおよびiOSでは、GoogleのネイティブモバイルSDKパスはエンタープライズ/モバイルのみです。ネイティブプラットフォームでパスすることは拒否されるため、標準Web v3キーが誤って使用されないようにします。 enterprise: false 移行ノート

移行ノート

そして sitekeyAndroid コールオプションと__CAPGO_KEEP_0__設定にも受け入れられます。 sitekeyWeb in call options and Capacitor config. It also accepts sitekeyIos そして sitekeyIOS iOSへの移行用のエイリアスとして使用します。新しいcodeのためのCapacitorの設定名を優先してください。

はじめから続けてください。

「はじめから続けてください。」というセクション はじめから続けてください。 認証とアカウントフローの計画に使用している場合は、__CAPGO_KEEP_0__と__CAPGO_KEEP_1__を接続してください。 capgo/capacitor-recaptchaを使用して、@capgo/capacitor-recaptchaのネイティブ機能を実装します。 capgo/capacitor-recaptchaを使用して、@capgo/capacitor-recaptchaのネイティブ機能を実装します。 capgo/capacitor-social-loginを使用して、@capgo/capacitor-social-loginの実装詳細を実装します。 capgo/capacitor-social-loginを使用して、@capgo/capacitor-social-loginの実装詳細を実装します。 capgo/capacitor-passkeyを使用して、@capgo/capacitor-passkeyの実装詳細を実装します。 capgo/capacitor-passkeyを使用して、@capgo/capacitor-passkeyの実装詳細を実装します。 @capgo/capacitor-native-biometric @capgo/capacitor-native-biometric 2要素認証 2要素認証