跳过主要内容
教程
@capgo/capacitor-recaptcha
返回插件
@capgo/capacitor-recaptcha

reCAPTCHA

生成Web reCAPTCHA或reCAPTCHA Enterprise令牌,及原生企业移动令牌

{"targetLanguage":"Simplified Chinese"}

"","","下载__CAPGO_KEEP_0__应用,扫描QR__CAPGO_KEEP_1__。"

"下载__CAPGO_KEEP_0__于App Store"

Download the Capgo app, then scan the QR code.

"从Web、Android和iOScode应用中生成reCAPTCHA和reCAPTCHA Enterprise令牌。"}

Using @capgo/capacitor-recaptcha

Generate reCAPTCHA and reCAPTCHA Enterprise tokens from Web, Android, and iOS Capacitor apps.

安装

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.

生成令牌

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

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

将令牌发送到您的后端并在接受受保护请求之前创建 reCAPTCHA 评估。

完整参考

从使用 @capgo/capacitor-recaptcha 继续

如果您正在使用 使用 @capgo/capacitor-recaptcha 规划认证和帐户流程,连接它与 @capgo/capacitor-recaptcha @capgo/capacitor-recaptcha 的实现细节在 @capgo/capacitor-recaptcha, 开始使用 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-recaptcha 的实现细节在 Getting Started, @capgo/capacitor-social-login @capgo/capacitor-social-login 的实现细节在 @capgo/capacitor-social-login, @capgo/capacitor-passkey @capgo/capacitor-passkey 的实现细节在 @capgo/capacitor-passkey, 和 @capgo/capacitor-native-biometric @capgo/capacitor-native-biometric 的实现细节在 @capgo/capacitor-native-biometric.