SDK for JavaScript

SDK for JavaScript is a software development kit for development of web services which are capable of integrating with the ECommPay payment solutions to perform purchase by using Payment Page. This section describes how to use SDK for JavaScript to build purchase experience from inside of your web service.

SDK for JavaScript is compatible with the Node.js 4.x runtime environment for executing JavaScript code. You can download SDK for JavaScript from GitHub: https://github.com/ITECOMMPAY/paymentpage-sdk-js.

What can I do with SDK for JavaScript?

SDK for JavaScript allows you to do the following:
  • Calculate signature and generate request for opening the Payment Page payment form
  • Check callback signature and extract payment details from callbacks

What's inside?

SDK for JavaScript contains the following:

  • src—a library for development
  • _tests_—a library for automatic testing

Using SDK for JavaScript

To start using SDK for JavaScript you need to complete the following tasks:

  1. Make sure you have you have ready your merchant ID and secret key obtained from ECommPay.
    1. If your company has never obtained any ID or secret key from ECommPay, you need to submit an application for connecting to the ECommPay payment platform at https://ecommpay.com/apply-now/.
    2. If your company already has an ID and a secret key to sign messages obtained from ECommPay, you need to notify ECommPay customer support that you want to use SDK for JavaScript and consult with the customer support on how to arrange a test run.
  2. Integrate the ECommPay payment solution in your web service:
    1. Install the SDK for JavaScript libraries into a directory inside your web service project.
    2. Import the libraries you need into your web service application.
  3. Test and put your web service in production mode.
    • Use test merchant ID and test values for payment parameters from the _tests_ library.
    • Once testing is complete, request your production merchant ID from ECommPay and put your web service in production mode.

With any questions regarding usage of SDK for JavaScript contact ECommPay technical support service at support@ecommpay.com.

Installing and importing libraries

You can install the SDK for JavaScript libraries manually or automatically with Yarn or npm, package-management systems used to install and manage software packages written in JavaScript.

The following steps describe how to install the SDK for JavaScript libraries by using Yarn or npm:

  1. If you have not yet installed a package-management system, you need to download, install and check settings. For more information, see:
  2. Navigate into the web service source code directory in command line and run one of the following commands:
    npm install ecommpay // for Yarn
    yarn add ecommpay    // for npm

    A package-management system automatically downloads the SDK for JavaScript libraries in the source code directory to enable you to use all the modules provided by the libraries.

  3. Import the modules into your web service project:
    const { Payment } = require('ecommpay');
    const { Callback } = require('ecommpay');
    

Opening payment form

Payment form invocation request consists of a set of parameters, which are signed to secure the data transmitted to the ECommPay payment platform. SDK for JavaScript allows you to seamlessly sign parameters and generate requests. To open the Payment Page payment form by using SDK for JavaScript do the following:

  1. Create an instance of the Payment class and specify payment details and the secret key you obtained from the ECommPay support service. The secret key is required to sign invocation requests.
    const e = new Payment('186', '<secret_key>');
            // Project ID and Secret key
    e.paymentId = 'ECT_TEST_1555943554067';
            // Payment ID must be unique within your project scope
    e.paymentAmount = 1000;
            // Amount in minor currency units
    e.paymentCurrency = 'EUR';
            // Currency in ISO-4217 alpha-3 format
    e.paymentDescription = 'Payment description';
           // Payment description (optional)

    All the parameters in this example are required to perform any payment. You can also use any optional parameters available for Payment Page. For more information about the Payment Page invocation parameters, see Payment Page invocation parameters.

  2. Generate payment form invocation request:

    const url = e.getUrl();

    Correct payment form invocation request contains payment parameters and signature (abbreviated):

    https://paymentpage.ecommpay.com/payment?signature=OEKRlLXQsa2..
                   ..gWg%3D%3D&payment_id=pid_1555943554067...
  3. Use the request in your web service code to open the payment form.

Here is an example of generating a URL for opening an English payment form. The payment method selection page includes detailed payment information including amount, currency and short payment description.

Figure: Example of generating Payment Page invocation request

const e = new Payment('186', '<secret_key>');
        // Project ID and Secret key
e.paymentId = 'ECT_TEST_1555943554067';
        // Payment ID must be unique within your project scope
e.paymentAmount = 1000;
        // Amount in minor currency units
e.paymentCurrency = 'EUR';
        // Currency in ISO-4217 alpha-3 format
e.paymentDescription = 'Payment description';
       // Payment description (optional)
e.anguage_code: 'EN';
       // Language code to use in payment form
const url = e.getUrl();
       // Complete request with signature

Processing callbacks

The ECommPay payment platform sends payment results to the callback URL you specified when connecting to ECommPay. Callback is an HTTP POST request that contains response data in JSON format in the req.body object. To extract payment information from JSON string do the following:

  1. Create an instance of Callback by using the secret key and the JSON string from the callback obtained from the ECommPay payment platform:
    const callback = new Callback(<secret_key>, req.body);
  2. The following example contains the methods for extracting callback information in the source code that uses the Express framework:

    app.post('/payment/callback', function(req, res) {
      const callback = new Callback(<secret_key>, req.body);
      if (callback.isPaymentSuccess()) {
        const paymentCont = callback.payment(); // Getting payment contence
        const paymentId = callback.getPaymentId(); // Getting payment ID
    
        // Add your code for proccessing successful payment
      }
    });

By using SDK for JavaScript, you can automatically check validity of callback signature. Below, you will find an example of callback that includes signature and payment results.

Figure: Sample payment callback

{
             "project_id": 186,       // Project ID
             "payment": {             // Payment details
             "id": "pid_1555943554067",       // Payment ID
             "type": "purchase",  // Payment type
             "status": "success", // Payment status
             "date": "2018-08-28T09:11:28+0000",  // Payment date and time
             "method": "card",  // Payment method
             "sum": {           // Payment amount and currency
             "amount": 1000,
             "currency": "EUR"
             },
             "description": "Test payment"  // Payment description
             },
             "account": {           // Payment instrument details
             "number": "431422******0056",
             "token": "9cb38282187b7a5b5b91b5814c6b814162741b29c0c486fbbc500cd451abb8b2",
             "type": "visa",
             "card_holder": "ADA LOVELACE",
             "id": 778804,
             "expiry_month": "11",
             "expiry_year": "2021"
             },
             "operation": {     // The last operation within payment
             "id": 17839000001150,  // Operation ID
             "type": "sale",        // Operation type
             "status": "success",   // Operation status
             "date": "2018-08-28T09:11:28+0000", // Operation date and time
             "created_date": "2018-08-28T09:10:50+0000",
             "request_id": "2c8af331519833f2c96c4a1aaf60edfcffb...", // Request ID
             "sum_initial": {    // Initial payment amount and currency 
             "amount": 1000,
             "currency": "EUR"
             },
             "sum_converted": {
             // Payment amount and currency as per applicable project conversion rules
             "amount": 1000,
             "currency": "EUR"
             },
             "provider": {     // Payment details in payment system
             "id": 6,
             "payment_id": "15354474886323",
             "date": "2018-02-07T08:34:24+0000",
             "auth_code": "563253",
             "endpoint_id": 6
             },
             "code": "0",          // Unified response code
             "message": "Success", // User-readable response code
             "eci": "05"           // ECI code, result of 3-D Secure check
              },
              "signature": "22YlUIIgoppli/JX8w5F5+c2h12RXi81WLmgDx..."  // Signature
              }

Related links