Имплементација плаћања платним картицама на веб сајту

Преглед

Имплементација плаћања платним картицама на веб сајту www.dejandozet.com обухватила је израду ценовника, повезивање са web API за производе, локално чување корпице, и интеграцију checkout система са подршком за различите врсте плаћања. Решење је прилагођено за више језика, responsive за мобилне уређаје и усклађено са IPM стандардима. OTP банка ми је омогућила платни портал 

Детаљи пројекта

Циљ

Омогућити корисницима сајта www.dejandozet.com једноставно и сигурно плаћање путем банковних картица, уз флексибилне опције плаћања и професионалну обраду података.

Кључне функционалности

• Ценовник страница: динамичко повлачење производа и цена са web API помоћу JavaScript-а.
• Ажурирање корпице: коришћење local storage за чување података без базе података.
• Checkout страница: прикупљање података, одабир начина плаћања и валидација уноса корисника.
• Интеграција плаћања: PHP скрипте за обраду података и усмеравање на банковни портал за наплату.
• Приказ статуса наплате: HTML и JavaScript страница са статусом, уз позадинску PHP обраду и слање email обавештења.
• Прилагођен дизајн: responsive изглед страница помоћу Bootstrap 5 CSS.
• IPM усклађеност: приказ доступних картица, услови пословања, политика приватности и банка тестирање.

Коришћене технологије

• Џаваскрипт програмски језик: динамичко повлачење података, валидација и ажурирање корпице.
• ПХП програмски језик: позадинска обрада података и интеграција са банковним порталом.
• СКЛ програмски језик: МариДБ база података.
• Bootstrap 5: responsive дизајн корисничког интерфејса.
• ХТМЛ/ЦСС: странице за приказ информација и статуса наплате.

Моји утисци о пројекту 

Рад са особљем банке задуженим за ову врсту услуге је био врло добар, али је било и тешких момената. Поготово пред крај када су ми рекли да не виде ценовник, а то јер било из разлога јер је њихов сигурносни систем блокирао скрипту која је учитавала производе. Одлучио сам да скрипту пребацим са једног поддомена на домен сајта и прорадило је.