NestJS 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 Ihr NestJS-Controller ausliefert. Das Widget läuft im Hintergrund und fügt beim Absenden ein verstecktes Feld tc-verification-token hinzu, das auf req.body 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 NestJS-Controller den Verifikationstoken aus dem Request-Body, 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 @trustcomponent/trustcaptcha-nodejs

Validieren Sie dann den Token in Ihrem NestJS-Controller und reagieren Sie auf das Ergebnis:

import { BadRequestException, Body, Controller, Post } from "@nestjs/common";
import { TrustCaptcha } from "@trustcomponent/trustcaptcha-nodejs";

@Controller("contact")
export class ContactController {
  @Post()
  async submit(@Body() body: { "tc-verification-token": string }) {
    const token = body["tc-verification-token"] ?? "";

    try {
      const result = await TrustCaptcha.getVerificationResult("<your_api_key>", token);
      if (!result.verificationPassed || result.score > 0.5) {
        throw new BadRequestException("CAPTCHA verification failed.");
      }
    } catch {
      throw new BadRequestException("CAPTCHA verification failed.");
    }

    // CAPTCHA bestanden — Anfrage verarbeiten
    return { status: "ok" };
  }
}

Detaillierte Informationen zur NestJS-CAPTCHA-Integration?
Für die vollständige Schritt-für-Schritt-Anleitung – inklusive eines wiederverwendbaren Guard-Refactors für Projekte mit mehreren geschützten Endpunkten – lesen Sie bitte unsere Dokumentation.

Anderes Backend-Framework statt NestJS?
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!