vn-payments

Vietnam payment gateway helpers for NodeJS. Check out live demo here.

From our experience doing NodeJS e-commerce website in Vietnam, implementing online payment process is often troublesome and error-prone due to strict hashing algorithm and uncertain remote request rejections. Besides, many payment gateways in Vietnam don't have sample code or SDK for server-side JavaScript (yet). Therefore, we have gathered a set of JavaScript classes (written in ES6) that help NodeJS apps exchange data with payment gateways with more confidence and ease by validating payload object and normalize multiple gateways specs into a common API.

Supported Payment Gateways

• OnePay (Domestic & International)
• VNPay
• SohaPay
• NganLuong

Planned gateways:

• AlePay
• 123Pay

Install

# npm
npm install vn-payments --save
# yarn
yarn add vn-payments

Usage

Payment Workflow:

Below is sequence diagram of typical payment gateway process:

Diagram taken from OnePay Intl documentation

vn-payments provides helper classes that build URL for DO request and verify DR Response for supported payment gateway.

Currently we haven't implemented the QueryQR() functions. It is in our road map for next release.

JavaScript sample code:

Import one of the payment gateway class from vn-payments:

// ESM
import { OnePayDomestic } from 'vn-payments';
import { OnePayInternational } from 'vn-payments';
import { VNPay } from 'vn-payments';
import { SohaPay } from 'vn-payments';
import { NganLuong } from 'vn-payments';
// CommonJS
const { OnePayDomestic } = require('vn-payments');
const { OnePayInternational } = require('vn-payments');
const { VNPay } = require('vn-payments');
const { SohaPay } = require('vn-payments');
const { NganLuong } = require('vn-payments');

Instantiate the helper with merchant configs provided from the payment provider:

const onepayIntl = new OnePayInternational({
  paymentGateway: 'https://mtf.onepay.vn/vpcpay/vpcpay.op',
  merchant: 'TESTONEPAY',
  accessCode: '6BEB2546',
  secureSecret: '6D0870CDE5F24F34F3915FB0045120DB',
});

Build checkout URL by passing checkout data to buildCheckoutUrl method. The checkout data is a structured object and will be validated with GatewayClass.checkoutSchema which is an instance of simpl-schema.

Checkout URL is an instance of so-called WHATWG URL, which assist parsing URL string into parts.

Then, redirect client to payment gateway's checkout handler:

routes.post('/payment/checkout', (req, res) => {
  const params = Object.assign({}, req.body);

  // construct checkout payload from form data and app's defaults
  const checkoutData = {
    amount: parseInt(params.amount, 10),
    customerId: params.email,
    currency: 'VND',
    /*...*/
  };

  // buildCheckoutUrl is async operation and will return a Promise
  onepayIntl
    .buildCheckoutUrl(checkoutData)
    .then(checkoutUrl => {
      res.writeHead(301, { Location: checkoutUrl.href });
      res.end();
    })
    .catch(err => {
      res.send(err);
    });
});

Finally, handle payment gateway callback. One of the requirements is that the callback query parameters must be validated with the checksum sent along

routes.get('/payment/callback', (req, res) => {
  const query = req.query;

  onepayIntl.verifyReturnUrl(query).then(results => {
    if (results.isSucceed) {
      res.render('success', {
        title: 'Nau Store - Thank You',
        orderId: results.orderId,
        price: results.price,
        message: results.message,
      });
    } else {
      res.render('errors', {
        title: 'Nau Store - Payment Errors',
        message: results.message,
      });
    }
  });
});

For IPN Request to Website's Back End from Gateway server, implement another route handler according Gateway documentation and use the verifyReturnUrl to validate parameters sent from Gateway.

Example (Live Demo)

See the Express checkout cart in the example folder.

Example Getting Started:

• Clone this repository.
• Run npm install in example folder
• Inside example folder, execute: npm start

Test cards for testing out example:

See testing cards info in CONTRIBUTING.md

API Document

See documentation.

Contributing

Interested in contributing to this project? See CONTRIBUTING.md

Road Map

• Implement buildCheckoutUrl (A.K.A. DO Request) for OnePay, VNPay, SohaPay, NganLuong
• Implement verifyReturnUrl (A.K.A. DR Response) for OnePay, VNPay, SohaPay, NganLuong
• Implement queryDR methods for existing gateways
• Implement helper class for AlePay
• Implement helper class for 123Pay

FAQ

[TBC]

Thanks

• Express starter kit for the checkout cart example.
• Vietnam payment gateway's developers who worked with Nau Studio in preliminary projects that allows us make sure this code work.

License

Copyright 2018 Nau Studio https://naustud.io

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.