__CAPGO_KEEP_0__ 首页
@capgo/capacitor-recaptcha 安全 & 认证 开源

reCAPTCHA Capacitor插件

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

安装

bun add @capgo/capacitor-recaptcha bunx cap sync
npm、pnpm或yarn
  • npm install @capgo/capacitor-recaptcha
  • pnpm add @capgo/capacitor-recaptcha
  • yarn add @capgo/capacitor-recaptcha

指南

如何在 Capacitor 中使用 reCAPTCHA

在设备上测试

下载 Capgo 应用程序,然后扫描 QR code

reCAPTCHA 插件预览二维码 code

使用 @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/移动 SDK 路径并拒绝 enterprise: false.

生成 A Token

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-社会登录 为 @capgo/capacitor-社会登录 的实现细节 @capgo/capacitor-密钥 为 @capgo/capacitor-密钥 的实现细节, 和 @capgo/capacitor-原生生物识别 为 @capgo/capacitor-原生生物识别 的实现细节。

FAQ

reCAPTCHA 插件 FAQ

如何在 Capacitor 应用中安装 reCAPTCHA 插件?

运行 "bun add @capgo/capacitor-reCAPTCHA" (或 "npm install @capgo/capacitor-reCAPTCHA"),然后运行 "bunx cap sync" 以便 iOS 和 Android 项目捕获 native code。从 "@capgo/capacitor-reCAPTCHA" 导入您的应用 code。

@capgo/capacitor-reCAPTCHA 与 React、Vue 和 Angular 是否兼容?

是的。reCAPTCHA 是一个 Capacitor 包,因此它与任何运行在 Capacitor 内的 Web 框架兼容,包括 Ionic、React、Vue、Angular、Svelte 和普通 JavaScript。

@Capacitor 的哪个版本支持 @capgo/capacitor-reCAPTCHA?

Capgo 插件遵循 Capacitor 的主要版本:使用与 Capacitor 主要版本匹配的插件主要版本(例如插件 v8 与 Capacitor 8)。在 GitHub README 中的兼容性表格中列出了维护的版本。

@capgo/capacitor-reCAPTCHA 是否免费和开源?

是的。源 code 公开在 GitHub 上,https://github.com/Cap-go/capacitor-reCAPTCHA/,并且包是从 npm 免费安装的。欢迎 bug 报告和 pull 请求。

是否可以在不经过 App Store 审核的情况下更新使用 reCAPTCHA 的 code?

安装或升级插件会更改原生 code, 因此需要新建一个商店构建。之后,使用插件的 JavaScript、HTML 和 CSS 变更可以立即通过 Capgo 实时更新。

不必等待应用审核即可将reCAPTCHA更新推送给用户

一旦插件添加到您的商店构建中,Capgo即刻将JavaScript、HTML和CSS更新推送给用户。

开始使用Capgo