Everything we learn today is but a stepping stone to what we will learn tomorrow.

A Web Developer's journey.

Zend Framework 3 Zend Framework 3

Front-end

HTML5 HTML5
CSS3 CSS3
JavaScript JavaScript
jQuery jQuery

Back-end

php php
MySQL MySQL
Doctrine ORM 2 Doctrine ORM 2
Sage Pay REST API Sage Pay REST API

Server

Ubuntu Ubuntu
Apache Apache
Nginx Nginx

2018

Zend Framework 3

WKM Payment Gateway

It’s all about options really. The ability to deliver improved payment services and a customised user experience, all from a single central location. Easy to manage. Easy to maintain. Consistent branding throughout.

Main Objectives

  • Build and configure a web server on cloud hosting.
  • Design a simple UI that is easy to use on any device.
  • Expand services to include repeat payments using the Sage Pay REST API.

Server

Just as I had done for the IoT Global Awards site, I installed a LAMP ( Linux, Apache, MySQL, PHP ) stack with NGINX as a reverse proxy on an Ubuntu OS and took many steps to secure the server.

Certbot was not used here however. I manually set up a paid SSL certificate and configured NGINX to use HTTPS. Data sent to and from the gateway would now be encrypted by the HTTPS protocol.

Front-End

When a user wants to make a purchase from one of WKM Global’s sites, they are required to fill out a billing details form. That information is encrypted using the OpenSSL library and sent to the gateway.

Upon arriving at the gateway, the user is presented with the various card options along with details of the purchase. A simple form with clearly marked labels is immediately available as well. Selecting a field will animate the label to the top of the input element. This is a recommended approach by many UX professionals as the user will always be able to see the heading of the field being entered, even on mobile devices.

Clicking “Secure Payment” will initiate an AJAX request and loading animation after which a clear response is displayed.

Back-End

The Sage Pay REST API is coded in JavaScript and performs a check on the credit card details before any other action is taken.

If validation is successful a payment request is sent to Sage using cURL. We store all relevant data for use with future payments, but NEVER credit card details. This means that not only are we able to offer an improved experience by allowing future payments to be made without having to re-enter credit card details, but we can do so without reducing the security of payments as well. An invoice template is then dynamically populated and sent to the user.

WKM went a step further to offer monthly payments for some of its sites. I had to create a new table in the database to hold these records, put together a PHP script that would make a cURL request to the gateway, and set up a cron job to run the script every hour. I created a function to collect all records whose next payment date was less than or equal to the current date. Payments are then made based on the details contained in these records, users receive an invoice and their accounts on whichever site they purchased from are updated.

Management of the database is extremely important so I chose to use Doctrine ORM 2. It allowed me to map the database to PHP classes and communicate using object oriented SQL, referred to as Doctrine Query Language ( DQL ). The result is much cleaner and easier to maintain code with improved data integrity.

Continue the journey