Cloudflare Turnstile v Laravel + React aplikácii — kompletný setup za 20 minút

Turnstile je captcha bez captcha frikcie — väčšinou neviditeľná pre používateľa. Takto ju zapojíme do Laravel + React stacku, presne ako na tejto stránke.

Backend: overenie tokenu

Token z frontendu overíme proti Cloudflare siteverify API v dedikovanej service triede a zavoláme ju z FormRequestu. V dev móde overenie preskočíme cez env flag.

$ok = Http::asForm()->post(
  'https://challenges.cloudflare.com/turnstile/v0/siteverify',
  ['secret' => config('services.turnstile.secret'), 'response' => $token]
)->json('success');

Frontend: widget

Skript načítame raz, widget vykreslíme do kontajnera a token uložíme do stavu formulára. Po chybe widget resetujeme, aby používateľ mohol skúsiť znova.