V diplomskem delu primerjam integracijo plačilnega sistema Stripe v aplikacijah React s Supabase in Next.js.
Raziskavo oprem na pregled kode, izvedene avtomatizirane teste, dejanske transakcije v testnem načinu Stripe in dokumentiran pregled uporabniškega vmesnika.
Pri pregledu uporabniškega vmesnika ugotovim, da Next.js isti rezervacijski primer prikaže v dveh fazah, React pa v treh.
V diplomskem delu primerjam integracijo plačilnega sistema Stripe v aplikacijah React s Supabase in Next.js. Za študijo primera uporabim projekt Zeen Connect, v katerem obe uporabniški izvedbi povežem z istim testnim zaledjem.
Zakaj je problem resničen
V diplomskem delu primerjam integracijo plačilnega sistema Stripe v aplikacijah React s Supabase in Next.js. Za študijo primera uporabim projekt Zeen Connect, v katerem obe uporabniški izvedbi povežem z istim testnim zaledjem.
Metoda
Raziskavo oprem na pregled kode, izvedene avtomatizirane teste, dejanske transakcije v testnem načinu Stripe in dokumentiran pregled uporabniškega vmesnika.
Pri primerjavi ločim skupno zaledno logiko od razlik v uporabniških aplikacijah. V Reactu spremljam neposredne klice iz brskalnika v Supabase Edge Functions, v Next.js pa vključitev istega zaledja prek strežniških akcij.
Uspešnost presojam glede na odziv sistema ter povezane zapise plačila in rezervacije v podatkovni bazi.
Izvedem 948 lokalnih testov, osnovni plačilni preizkus, sedem razširjenih integracijskih scenarijev ter dodatne preizkuse cene, preklica in zahteve brez prijave. Na dveh končnih točkah webhook izvedem šestnajst zahtevkov za preverjanje podpisa in ločitve načinov.
Pri trinajstih dodatnih dostavah istega plačilnega dogodka preverim, da se ne ustvarijo dodatni poslovni učinki. Preverim tudi dejansko testno vračilo, spremembo termina, dogodek spora ter izplačilo Connect.
Kaj je nastalo
Pri pregledu uporabniškega vmesnika ugotovim, da Next.js isti rezervacijski primer prikaže v dveh fazah, React pa v treh. V cenovnem povzetku najdem razliko: React prikaže 122 evrov, Next.js in zaledje pa 100 evrov. V uporabljenem brskalniškem okolju zabeležim tudi težavo pri nalaganju kartičnega okvirja.
Ugotovitve podprem z dejanskimi posnetki zaslona in hevrističnim pregledom. Kot glavni rezultat izpostavim preverjeno delovanje izbranih zalednih scenarijev ter potrebo po enotnem cenovnem prikazu in jasnem ravnanju ob napakah v uporabniškem toku.
Raziskavo omejim na pregledani različici aplikacij, izbrane naloge in testno okolje. Preizkusi ne vključujejo prenosa resničnega denarja ali raziskave z uporabniki, zato ugotovitev ne posplošim na vsa okolja in uporabnike.
Za sledljivost rezultatov ohranim izpise testov, strukturirane zapisnike ter zaslonske slike, ki omogočajo preverjanje ugotovitev in ponovitev preizkusov. Pri razlagi rezultatov ločim preverjena poslovna stanja od opažanj vmesnika, ki jih pridobim z lastnim hevrističnim pregledom.
Objavljeno 27. 10. 2026 · licenca CC BY-NC 4.0 (besedilo in PDF diplomskega dela; fotografije in videi © Academia) · izvirna objava: academia.si.
Slike, sheme in zaslon
Še iz modula Umetna inteligenca
Implementacija mobile device management sistema v podjetju Jöbstl
Primerjalna analiza mobilnih sistemov za taktično vodenje ATAK-CIV in OsmAnd z vidika funkcionalnosti, modularnosti in kibernetske zaščite
Razvoj multimedijske aplikacije za manjše hotele na osnovi sistema Kodi
Želite v dveh letih narediti tak projekt?
Pustite e-pošto. V enem delovnem dnevu dobite osebni odgovor karierne svetovalke: ali je modul pravi za vas, kako se prizna vaša služba kot praksa in koliko stane – plus predmetnik, urnik in cenik.
Go Higher.