Tutorial o obsłudze płatności w aplikacjach webowych z użyciem React oraz Stripe.
W aplikacjach webowych bardzo często zachodzi potrzeba przetwarzania płatności np z użyciem kart kredytowych, przelewów lub usług typu BLIK. W poniższym materiale pokazuję krok po kroku jak można obsłużyć taką płatność z użyciem Reacta oraz bramki płatności Stripe
Dlaczego warto skorzystać ze Stripe?
- Łatwa integracja i instalacja
- Świetne API i dokumentacja
- Piękny Dashboard
- Prowizja 1,4% + 1 zł (karty kredytowe)
- Prowizja Przelewy24 (BLIK, szybkie przelewy) 1,9% + 1 zł
- Obsługa zaawansowanych płatności (abonamenty, wielu płatników, wiele bramek, widgety)
Na co należy zwracać uwagę przy przetwarzaniu płatności? ❌ Nigdy nie ufaj danym z front-endu ✅ Weryfikuj ceny, stawki vat, waluty i sesję użytkownika na back-end
❌ Nie commituj kluczy API do repozytorium ✅ Klucze trzymaj w zmiennych środowiskowych
❌ Nie przetwarzaj zamówienia bez walidacji ✅ Backend musi sprawdzić status po płatności
Kod z tego tutoriala: https://github.com/fullstakpl/simple-shop