Trustcaptcha

JavaScript

Das nachfolgende Tutorial zeigt Ihnen, wie Sie Trustcaptcha in JavaScript integrieren können.

Vorbereitung

Folgende Vorbereitungen sollten Sie treffen, bevor Sie mit der Implementierung von Trustcaptcha in Ihrem JavaScript Projekt anfangen.

Voraussetzungen

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

Wissen (empfohlen)

  • Basiswissen in JavaScript
  • Verständnis für die grundlegende Funktionsweise von Trustcaptcha sowie von der Implementierung im Frontend.

Abhängigkeit hinzufügen

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

Skript

Fügen Sie das Trustcaptcha-Skript in den head Ihrer Webseite ein.

Bibliothek verwenden

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

Trustcaptcha-Komponente

Fügen Sie die Trustcaptcha-Komponente in alle gewünschten form Elemente ein und geben Sie den site-key an. Der Verifikationstoken steht nach Abschluss des CAPTCHAs in dem Feld tc-verification-token zur Verfügung und wird automatisch mit den anderen Daten Ihrer form an den Server übermittelt. Des Weiteren können Sie definieren, was passieren soll, wenn das CAPTCHA erfolgreich gelöst wird, sowie was im Falle eines Fehlschlags geschehen soll.

Beispiel mit Spring und Thymeleaf

Das untenstehende Beispiel zeigt eine mögliche Implementierung mit Spring und Thymeleaf.
Ein Beispiel inklusive Quellcode finden Sie auf Github.