Moneris Checkoutin integrointi JavaScriptiin: JSON-vastausongelmien käsittely

Moneris Checkout -integraatio JavaScriptin kanssa: Front-End ja Back-End -ratkaisut

Käyttöliittymäratkaisu, joka käyttää JavaScriptiä Moneris Checkout -lomakkeen sisällyttämiseen ja tapahtumavastausten käsittelemiseen.

// Front-end integration script
// This script embeds the Moneris checkout and processes the transaction result

<script src="https://gatewayt.moneris.com/chktv2/js/chkt_v2.00.js"></script>
<div id="monerisCheckout"></div>
<script>
var myCheckout = new monerisCheckout();
myCheckout.setMode("qa"); // Set environment to QA
myCheckout.setCheckoutDiv("monerisCheckout"); // Define div for checkout
// Add callback for when the page is fully loaded
myCheckout.setCallback("page_loaded", myPageLoad);
// Start the checkout process
myCheckout.startCheckout("");

// Function that gets triggered when the page is loaded
function myPageLoad(ex) {
    console.log("Checkout page loaded", ex);
}

// Function to handle the receipt after the payment
function myPaymentReceipt(ex) {
    if(ex.response_code === '00') {
        alert("Transaction Successful: " + ex.ticket);
    } else {
        alert("Transaction Failed: " + ex.message);
    }
}
</script>

Node.js:n ja Expressin taustaratkaisu: Maksutietojen käsittely

Node.js:ää ja Expressiä hyödyntävä taustaratkaisu Monerisin maksun jälkeisten tietojen hallintaan

// Node.js backend script for processing payment receipt data
// This backend handles the response from Moneris and processes it for database storage

const express = require('express');
const bodyParser = require('body-parser');

const app = express();
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));

// Endpoint to receive the payment result
app.post('/payment-receipt', (req, res) => {
    const paymentData = req.body;

    if (paymentData.response_code === '00') {
        console.log('Payment successful:', paymentData.ticket);
        // Insert into database or further process the payment
        res.status(200).send('Payment success');
    } else {
        console.error('Payment failed:', paymentData.message);
        res.status(400).send('Payment failed');
    }
});

app.listen(3000, () => {
    console.log('Server running on port 3000');
});

Yksikkö testaa taustamaksun käsittelyä Mochan ja Chain kanssa

Taustayksikkötestaus Mochan ja Chain kanssa rahankäsittelyn toimivuuden tarkistamiseksi

// Unit test for the Node.js backend using Mocha and Chai
// This test checks if the backend properly handles successful and failed transactions

const chai = require('chai');
const chaiHttp = require('chai-http');
const app = require('../app'); 
const expect = chai.expect;
chai.use(chaiHttp);

describe('POST /payment-receipt', () => {
    it('should return 200 for successful payment', (done) => {
        chai.request(app)
            .post('/payment-receipt')
            .send({ response_code: '00', ticket: '123456' })
            .end((err, res) => {
                expect(res).to.have.status(200);
                expect(res.text).to.equal('Payment success');
                done();
            });
    });

    it('should return 400 for failed payment', (done) => {
        chai.request(app)
            .post('/payment-receipt')
            .send({ response_code: '01', message: 'Transaction Declined' })
            .end((err, res) => {
                expect(res).to.have.status(400);
                expect(res.text).to.equal('Payment failed');
                done();
            });
    });
});

Yleisiä kysymyksiä Moneris Checkout -integraatiosta

1. Mikä on Moneris Checkout?
2. Moneris Checkout on maksuyhdyskäytäväratkaisu, jonka avulla yritykset voivat hyväksyä maksuja turvallisesti verkkosivustonsa kautta. Se tarjoaa mukautettavia kassalomakkeita ja hyväksyy erilaisia ​​maksutapoja.
3. Kuinka voin mukauttaa Moneris Checkout -lomaketta?
4. Moneris-sovellusliittymän avulla voit mukauttaa kassalomakkeen ulkoasua muuttamalla elementtejä, kuten painikkeita ja syöttökenttiä. Käytä komentoja, kuten setCustomStyle() lisätäksesi brändisi tyyliä lomakkeeseen.
5. Mitä merkitystä on ympäristön asettamisella "qa":ksi?
6. Ympäristön asettaminen "qa":ksi kanssa setMode("qa") voit testata tapahtumia turvallisesti ilman oikeiden maksujen käsittelyä.
7. Miten käsittelen ennakkovaltuutusta?
8. Jos haluat hallita ennakkovaltuutusta, sisällytä action: "preauth" argumentti JSON-pyynnössäsi. Tämä asettaa asiakkaan kortin pitoon sen sijaan, että se veloittaisi sitä välittömästi.
9. Mitä turvatoimia Moneris Checkout tarjoaa?
10. Moneris tukee tokenointia, joka korvaa arkaluontoiset luottokorttitiedot tunnuksella. noudattaminen PCI DSS varmistaa, että integraatiosi täyttää alan turvallisuusvaatimukset.

Viimeisiä ajatuksia Moneris Checkout -integraatiosta

Jotta Moneris Checkout voidaan integroida onnistuneesti JavaScriptiin, sekä käyttöliittymän että taustan asetukset on suunniteltava huolellisesti. Hyvän kassakokemuksen tarjoaminen käyttäjille edellyttää, että tapahtumatiedot, kuten lipun numero, tallennetaan asianmukaisesti.

Testaaminen laadunvarmistusympäristössä ja maksulomakkeen oikea jäsentäminen auttavat sinua havaitsemaan ongelmat ajoissa. Oikealla tekniikalla voit luoda saumattoman ja turvallisen maksumenettelyn, joka sopii yrityksesi tavoitteisiin ja varmistaa samalla asiakkaan onnellisuuden.