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

reCAPTCHA

生成Web reCAPTCHA或reCAPTCHA Enterprise令牌,包括native Enterprise移动令牌

指南

关于reCAPTCHA的教程

在设备上测试

下载Capgo应用程序,然后扫描QRcode。

reCAPTCHA插件预览二维码code

使用@capgo/capacitor-recaptcha

从Web、Android和iOSCapacitor应用生成reCAPTCHA和reCAPTCHA Enterprise令牌。

安装

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/mobileSDK路径并拒绝 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-social-login 实现细节在@capgo/capacitor-social-login, @capgo/capacitor-passkey 为 @capgo/capacitor-passkey 的实现细节 @capgo/capacitor-native-biometric 为 @capgo/capacitor-native-biometric 的实现细节