Trustcaptcha Icon Documentation

Frontend Integration

Das nachfolgende Tutorial zeigt Ihnen, wie Sie Trustcaptcha in Ihre Frontend mit Javascript, Angular, React oder Vue integrieren.

Vorbereitung

Folgende Vorbereitungen sollten Sie treffen, bevor Sie mit der Implementierung von Trustcaptcha in Ihr Frontend anfangen.

Voraussetzungen

  • Ein Konto bei Trustcaptcha und ein bestehendes CAPTCHA.
  • Ein Projekt, in welches Trustcaptcha integriert werden soll.

Bibliothek verwenden

Nachstehend erfahren Sie, wie Sie die Bibliothek verwenden können.

Technologie auswählen

Wählen Sie Ihre Frontend-Technologie aus.

Abhängigkeit hinzufügen

Um die Trustcaptcha-Bibliothek verwenden zu können, müssen Sie zuerst die entsprechenden Abhängigkeiten in Ihr Projekt einfügen.

Modul hinzufügen

Fügen Sie das Modul TrustcaptchaModule in Ihre app.module.ts Datei ein.

Trustcaptcha-Komponente

Fügen Sie die Trustcaptcha-Komponente in alle gewünschten form Elemente ein. Geben Sie den site-key an. Definieren Sie, was passieren soll, wenn das CAPTCHA erfolgreich gelöst wird, sowie was im Falle eines Fehlschlags geschehen soll.

Captcha konfigurierenHier können Sie interaktiv Ihr Captcha konfigurieren. Der Quellcode unten passt sich automatisch an.
Captcha Vorschau:

Beispiel einer Implementierung

Das untenstehende Beispiel zeigt eine mögliche Implementierung.

Ein Beispiel inklusive Quellcode finden Sie auf Github.

Bereit zum Starten?

Schützen Sie Ihre Website noch heute mit der unsichtbaren und DSGVO-konformen reCAPTCHA Alternative 2025. Profitieren Sie von unserem mehrschichtigen Sicherheitskonzept und schützen Sie die Daten und Privatsphäre Ihrer Nutzer gemäß den strengen DSGVO-Gesetzen.

maker launch