reCAPTCHA Capacitor 插件

使用 @capgo/capacitor-recaptcha

在 Web、Android 和 iOS Capacitor 应用中生成 reCAPTCHA 和 reCAPTCHA Enterprise token。

安装

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/mobile SDK 路径并拒绝 enterprise: false.

生成 Token

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

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

将 token 发送到您的后端，在接受受保护的请求之前创建 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. 中的实现细节