Preskoči na glavni sadržaj
Zee Akademija · Lekcija 14 · Forme & Plaćanja — Server Actions & Stripe

Stripe Checkout: Sigurna naplata karticama i Webhookovi

Kako implementirati plaćanje karticama (Visa, Mastercard, Apple Pay, Google Pay) bez bavljenja osjetljivim podacima o karticama.

Što ćete naučiti

  • PCI Compliance: Nikada nemojte sami spremati brojeve kartica — Stripe to radi u svom certificiranom sefu.
  • Stripe Checkout: Predizrađena, optimizirana stranica za naplatu koja automatski podržava Apple Pay i Google Pay.
  • Webhookovi: Poslužiteljske notifikacije koje Stripe šalje vašem webu kada je plaćanje uspješno provedeno.
  • Test Mode: Stripe omogućuje simulaciju svih scenarija pomoću testnih kartica (npr. 4242 4242...).

Tok transakcije (Payment Flow)

1. Kupac klikne "Plati" -> 2. Server kreira Checkout Session -> 3. Kupac plaća na sigurnoj Stripe stranici -> 4. Stripe šalje Webhook na vaš /api/webhooks/stripe -> 5. Baza označava narudžbu plaćenom.

Korak po korak

  1. Instalacija službenog Stripe paketa

    npm install stripe

    Serverski SDK za kreiranje narudžbi i provjeru uplata.

Savjet iz prakse

Nikada nemojte označiti narudžbu plaćenom samo na temelju redirecta u browseru (/success?status=paid)! Korisnik može ručno upisati taj URL. Jedina prava potvrda je Stripe Webhook kriptografski potpisan s vašim STRIPE_WEBHOOK_SECRET!