Dokumentation — BotFlush

Schnellstart

BotFlush lässt sich in drei Schritten integrieren: Widget laden, rendern und Tokens serverseitig prüfen.

1. Widget laden

Fügen Sie das Widget-Script zu Ihrer Seite hinzu. Es lädt asynchron und blockiert das Rendering nicht.

<script src="https://challenge.botflush.com/widget.js" async defer></script>

2. Container hinzufügen

Platzieren Sie ein Container-Element dort, wo das CAPTCHA erscheinen soll.

<div id="bf-captcha" data-sitekey="YOUR_SITE_KEY"></div>

3. Serverseitig prüfen

Nach Abschluss der Challenge entsteht ein Token. Senden Sie es an Ihren Server und prüfen Sie es per API.

POST https://challenge.botflush.com/api/siteverify
Content-Type: application/json

{
  "secret": "YOUR_SECRET_KEY",
  "token": "TOKEN_FROM_CLIENT"
}

JavaScript API

BotFlush.render()

BotFlush.render('bf-captcha', {
  siteKey: 'YOUR_SITE_KEY',
  callback: function(token) {
    console.log('Verified:', token);
  }
});

BotFlush.reset()

BotFlush.reset();

BotFlush.getResponse()

var token = BotFlush.getResponse();

Migrationshinweise

BotFlush unterstützt vertraute Widget- und siteverify-Muster. Beginnen Sie mit Script-URL, Schlüsseln und Verify-Endpunkt; testen Sie Callbacks und Fehlerbehandlung vor dem Rollout.

<!-- Before -->
<script src="https://legacy-captcha.example/api.js"></script>
<div class="captcha-widget" data-sitekey="LEGACY_SITE_KEY"></div>

<!-- After -->
<script src="https://challenge.botflush.com/widget.js"></script>
<div class="captcha-widget" data-sitekey="BOTFLUSH_KEY"></div>

Datenschutzkontrollen

BotFlush ist auf minimierte Datennutzung, Kontrollen auf Kontoebene und Prüfabläufe für Unternehmen ausgelegt. Die Konsole bleibt die maßgebliche Quelle für die derzeit verfügbaren Datenschutz- und Datenkontrollfunktionen.

Verifizierungsmodi

BotFlush bietet mehrere Challenge-Engines. Konfigurieren Sie die erlaubten Engines pro Site in der Konsole.

Engine	Typ	Beschreibung
Invisible Free	Hintergrund	Proof-of-Work-Prüfung ohne Nutzerinteraktion
Visual Match	Interaktiv	Bildbasierte Musterzuordnung
Emoji Click	Interaktiv	Passendes Emoji aus einem visuellen Raster auswählen
Invisible Max	Hintergrund	GPU-beschleunigte Proof-of-Work-Prüfung

Serverprüfung

Der Prüfendpunkt akzeptiert eine Standard-POST-Anfrage. Wählen Sie eine Serverlaufzeit aus, um das passende Beispiel anzuzeigen.

const response = await fetch('https://challenge.botflush.com/api/siteverify', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({
    secret: process.env.BOTFLUSH_SECRET,
    token: req.body['bf-token']
  })
});

const result = await response.json();
if (!result.success) {
  return res.status(403).send('Verification failed');
}

import requests

response = requests.post('https://challenge.botflush.com/api/siteverify', json={
    'secret': BOTFLUSH_SECRET,
    'token': request.form['bf-token'],
})

if not response.json().get('success'):
    abort(403)

$payload = json_encode([
  'secret' => getenv('BOTFLUSH_SECRET'),
  'token' => $_POST['bf-token'] ?? ''
]);

$context = stream_context_create(['http' => [
  'method' => 'POST',
  'header' => 'Content-Type: application/json',
  'content' => $payload,
]]);

$response = file_get_contents('https://challenge.botflush.com/api/siteverify', false, $context);
$result = json_decode($response, true);
if (empty($result['success'])) { http_response_code(403); exit; }

payload, _ := json.Marshal(map[string]string{
    "secret": os.Getenv("BOTFLUSH_SECRET"),
    "token":  r.FormValue("bf-token"),
})

resp, err := http.Post("https://challenge.botflush.com/api/siteverify",
    "application/json", bytes.NewBuffer(payload))
if err != nil { http.Error(w, "verify failed", 502); return }
defer resp.Body.Close()

var result struct{ Success bool }
json.NewDecoder(resp.Body).Decode(&result)
if !result.Success { w.WriteHeader(http.StatusForbidden); return }

HttpClient client = HttpClient.newHttpClient();
String body = """
{
  "secret": "%s",
  "token": "%s"
}
""".formatted(System.getenv("BOTFLUSH_SECRET"), token);

HttpRequest request = HttpRequest.newBuilder()
    .uri(URI.create("https://challenge.botflush.com/api/siteverify"))
    .header("Content-Type", "application/json")
    .POST(HttpRequest.BodyPublishers.ofString(body))
    .build();

HttpResponse<String> response = client.send(request, HttpResponse.BodyHandlers.ofString());
Map<String, Object> result = new ObjectMapper().readValue(response.body(), Map.class);
if (!Boolean.TRUE.equals(result.get("success"))) {
    throw new SecurityException("Verification failed");
}

using var client = new HttpClient();
var payload = new {
    secret = Environment.GetEnvironmentVariable("BOTFLUSH_SECRET"),
    token = Request.Form["bf-token"].ToString()
};

var response = await client.PostAsJsonAsync(
    "https://challenge.botflush.com/api/siteverify",
    payload);
var result = await response.Content.ReadFromJsonAsync<VerifyResult>();

if (result?.Success != true) {
    return Forbid();
}

Downloads

Node Inspector — Chrome-Erweiterung

Installation: Herunterladen und entpacken, Chrome-Erweiterungen öffnen, Entwicklermodus aktivieren und den entpackten Ordner laden.

Node Inspector herunterladen (.zip)

Integrationsleitfaden