Hapi CAPTCHA-Integration

Erstellen Sie ein Benutzerkonto oder melden Sie sich mit einem bestehenden Konto an. Anschließend erstellen Sie ein neues CAPTCHA oder wählen Sie ein bereits vorhandenes aus. Wenn Sie sich nicht sicher sind, ob TrustCaptcha das Richtige für Sie ist, können Sie unseren CAPTCHA-Service 14 Tage lang kostenlos und ohne Risiko testen.

Auf der CAPTCHA-Übersichtsseite finden Sie alle wichtigen Informationen wie den site-key und den license-key, und Sie können dort auch Ihren API-Key erstellen. Ermöglichen Sie Ihren Websites den Zugriff auf Ihr CAPTCHA, indem Sie diese einfach zur Liste der autorisierten Domains in den CAPTCHA-Sicherheitsregeln hinzufügen.

Binden Sie das TrustCaptcha-Widget in das HTML-Formular ein, das Ihre Hapi-Route ausliefert. Das Widget läuft im Hintergrund und fügt beim Absenden ein verstecktes Feld tc-verification-token hinzu, das auf request.payload ankommt wie jeder andere Input.

<script type="module" src="https://cdn.trustcomponent.com/trustcaptcha/3.0.x/trustcaptcha.esm.min.js"></script>

<form method="post" action="/contact">
    <input type="email" name="email" required>
    <trustcaptcha-component sitekey="<your_site_key>"></trustcaptcha-component>
    <button type="submit">Send</button>
</form>

Das CAPTCHA-Widget wird anschließend in Ihrem Formular angezeigt:

Detaillierte Informationen zur CAPTCHA-Widget-Integration?
Für die vollständige Widget-Referenz – inklusive Themes, Sprachen, Custom Design und mehr – lesen Sie bitte unsere Dokumentation.

Holen Sie in Ihrem Hapi-Route-Handler den Verifikationstoken aus request.payload, rufen Sie das Ergebnis über unsere Node.js-Library ab und entscheiden Sie, ob die Anfrage akzeptiert werden soll.

Installieren Sie zunächst unsere TrustCaptcha-Node.js-Library:

npm i @hapi/hapi @trustcomponent/trustcaptcha-nodejs

Validieren Sie dann den Token in Ihrer Hapi-Route und reagieren Sie auf das Ergebnis:

import Hapi from "@hapi/hapi";
import { TrustCaptcha } from "@trustcomponent/trustcaptcha-nodejs";

const server = Hapi.server({ port: 8080 });

server.route({
  method: "POST",
  path: "/contact",
  handler: async (request, h) => {
    const payload = request.payload as Record<string, string>;
    const token = payload["tc-verification-token"] ?? "";

    try {
      const result = await TrustCaptcha.getVerificationResult("<your_api_key>", token);
      if (!result.verificationPassed || result.score > 0.5) {
        return h.response("CAPTCHA verification failed.").code(400);
      }
    } catch {
      return h.response("CAPTCHA verification failed.").code(400);
    }

    // CAPTCHA bestanden — Anfrage verarbeiten
    return "Thanks!";
  },
});

await server.start();

Detaillierte Informationen zur Hapi-CAPTCHA-Integration?
Für die vollständige Schritt-für-Schritt-Anleitung – inklusive einer wiederverwendbaren Pre-Extension für Projekte mit mehreren geschützten Routen – lesen Sie bitte unsere Dokumentation.

Anderes Backend-Framework statt Hapi?
Wenn Sie ein anderes Framework nutzen, wählen Sie hier das passende Rezept aus. Ist Ihr Framework nicht aufgeführt, können Ihre Softwareentwickler die Verifizierung selbst integrieren – mithilfe unserer Dokumentation – oder unser Support-Team nach einer vorgefertigten Integration fragen.

Sie sind jetzt durch TrustCaptcha geschützt – Glückwunsch!