__CAPGO_KEEP_0__ Startseite
@capgo/capacitor-reCAPTCHA Authentifizierung und Sicherheit Offene Quellen

reCAPTCHA Capacitor Plugin

Erstelle Web reCAPTCHA- oder reCAPTCHA Enterprise-Tokens sowie native Enterprise-Mobil-Tokens

Installieren

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

Anleitung

Verwenden Sie reCAPTCHA in Capacitor

Testen Sie auf Gerät

Laden Sie die Capgo-App herunter, dann scannen Sie das QR-Code code.

Vorschau-QR-code für den reCAPTCHA-Plugin

Verwenden Sie @capgo/capacitor-recaptcha

Erstellen Sie reCAPTCHA- und reCAPTCHA-Enterprise-Tokens aus Web-, Android- und iOS-Capacitor-Anwendungen.

Installieren

npm install @capgo/capacitor-recaptcha
npx cap sync

Konfigurieren

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;

Verwenden enterprise: false Nur verwenden, wenn die Web-Implementierung den Standard-reCAPTCHA v3 anstelle von reCAPTCHA Enterprise laden soll. Android und iOS verwenden den Google-Enterprise-/Mobile-SDK-Pfad und lehnen ab enterprise: false.

Erstellen Sie einen Token

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

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

Senden Sie den Token an Ihren Backend-Server und erstellen Sie eine reCAPTCHA-Bewertung, bevor Sie den geschützten Antrag akzeptieren.

Vollständige Referenz

Fortsetzen Sie mit der Verwendung von @capgo/capacitor-recaptcha

Wenn Sie die Verwendung von Verwendung von @capgo/capacitor-recaptcha um die Authentifizierung und die Kontenflüsse zu planen, verbinden Sie es mit @capgo/capacitor-ReCaptcha zur Implementierungsdetail in @capgo/capacitor-recaptcha Anleitung zum Starten für die Implementierungsdetails in Getting Started, @capgo/capacitor-Social-Login für die Implementierungsdetails in @capgo/capacitor-social-login, @capgo/capacitor-Passkey für die Implementierungsdetails in @capgo/capacitor-passkey und @capgo/capacitor-native-biometrisch für die Implementierungsdetails in @capgo/capacitor-native-biometric.

FAQ

reCAPTCHA-Plugin-Häufig gestellte Fragen

Wie installiere ich das reCAPTCHA-Plugin in einer Capacitor-Anwendung?

Führen Sie "bun add @capgo/capacitor-recaptcha" (oder "npm install @capgo/capacitor-recaptcha"), dann führen Sie "bunx cap sync" aus, damit die iOS- und Android-Projekte die native code aufnehmen. Importieren Sie es von "@capgo/capacitor-recaptcha" in Ihrer code-Anwendung.

Funktioniert @capgo/capacitor-recaptcha mit React, Vue und Angular?

Ja. reCAPTCHA ist ein Capacitor-Paket, daher funktioniert es mit jedem Webframework, das innerhalb von Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und plain JavaScript.

Welche Capacitor-Version unterstützt @capgo/capacitor-recaptcha?

Capgo-Plugins folgen der Capacitor-Version: verwenden Sie die Plugin-Major-Version, die Ihrer Capacitor-Major-Version entspricht (z.B. Plugin v8 mit Capacitor 8). Die Kompatibilitäts-Tabelle im GitHub-README listet die unterstützten Versionen auf.

Ist @capgo/capacitor-recaptcha kostenlos und Open-Source?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-recaptcha/ and the package is free to install from npm. Bug reports and pull requests are welcome.

Kann ich code mit reCAPTCHA aktualisieren, ohne eine App-Store-Bewertung zu benötigen?

Die Installation oder das Upgrade des Plugins ändert die native code, daher benötigt es eine neue Store-Build. Anschließend können JavaScript-, HTML- und CSS-Änderungen, die den Plugin aufrufen, sofort mit Capgo-Live-Updates verschickt werden.

reCAPTCHA-Änderungen ohne Wartezeit für die App-Überprüfung versenden

Sobald das Plugin in Ihrem Laden enthalten ist, Capgo Live-Updates drücken Ihre JavaScript-, HTML- und CSS-Änderungen an die Benutzer in Minuten.

Mit Capgo beginnen