Overview

This page shows you how to run and customize various Simply Connect examples using the JSFiddle demonstration environment.

To accept a payment, first perform the steps to initiate a session.

Initiating a Session

• Before you can submit a payment with our client-side Simply Connect, you need to send the /openOrder API call, which has two main functions:
  • Authenticates you as our merchant using your given credentials. You can find your credentials here.
  • Sets up an order in the Nuvei system to contain the transaction details, and returns a sessionToken, which is referenced later in the checkout() method.

• The /openOrder request must be performed on your backend server, never on the frontend, because it requires your secret key, which should NOT be exposed on the client side to prevent front-end user manipulation.

• For the /openOrder authentication, you must create the checksum field. This is a SHA-256 encrypted string of concatenation of the following fields in the following order:merchantId, merchantSiteId, clientRequestId, amount, currency, timeStamp and your merchantSecretKey at the end.

  Before using the Server SDK, make sure to initialize the SDK before any request by including the relevant SDK initialization.

  You can use Postman to simulate the /openOrder workflow using the “Web SDK API calls” postman collection in the Nuvei sandbox environment.
  To install Postman and the relevant simulation collection, follow the steps in the Testing APIs with Postman topic.

  POST is used for all Nuvei REST API methods that involve a transfer of data from client to server.

Editing Sample Code in JSFiddle

Each scenario contains example-code that you can edit.

1. 1. To edit, press Edit in JSFiddle in the top right corner.
      This redirects you to a page where you run and test the code.
   2. On the JSFiddle page, set your credentials in the section at the top of the page:

      var sfc = SafeCharge({
          env: 'int', // Nuvei API environment - 'int' (integration) or 'prod' (production - default if omitted)
          merchantId: '', //as assigned by Nuvei
          merchantSiteId: '' // your Merchant Site ID provided by Nuvei
        });

Feel free to change your code, including the HTML and CSS.

Simply Connect Examples

Example of checkout()