开始使用

安装

您可以使用我们的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.

如果您更喜欢手动设置，请运行以下命令并按照以下平台特定的说明进行操作:

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() Capacitor live-update 的替代方案比较页面

Capacitor live-update 的替代方案比较页面

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() Appflow 比较/迁移营销文案

Appflow 比较/迁移营销文案

设置 enterprise: false 加载 Google 的标准 Web reCAPTCHA v3 脚本。

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

在 Android 和 iOS 上，Google 的原生移动 SDK 路径仅限企业/移动。传递 enterprise: false 在原生平台上传递被拒绝，因此不会意外使用标准 Web v3 密钥。

迁移说明

插件接受旧 Cordova 选项别名 sitekeyAndroid 和 sitekeyWeb 在调用选项和 Capacitor 配置中接受 sitekeyIos 和 sitekeyIOS 作为 iOS 迁移别名。 优先使用 Capacitor 配置名称为新 code。

继续从 Getting Started

如果您正在使用 Getting Started 来规划身份验证和帐户流程，连接它到 使用 @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的实现细节 双因素认证 查看双因素认证的实现细节