Integrering av Moneris Checkout med JavaScript: Hantering av JSON-svarsproblem

Moneris Checkout-integration med JavaScript: Front-End- och Back-end-lösningar

Front-end-lösning som använder JavaScript för att införliva Moneris Checkout-formuläret och hantera transaktionssvar.

// 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>

Back-end-lösning med Node.js och Express: Hantering av betalningsdata

Back-end-lösning som använder Node.js och Express för att hantera Moneris efterbetalningsdata

// 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');
});

Enhetstestning av backend-betalningshanteringen med Mocha och Chai

Backend-enhetstestning med Mocha och Chai för att validera pengahanteringsfunktioner

// 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();
            });
    });
});

Vanliga frågor om Moneris Checkout-integrering

1. Vad är Moneris Checkout?
2. Moneris Checkout är en betalningsgateway-lösning som gör det möjligt för företag att säkert acceptera betalningar via sin webbplats. Det tillhandahåller anpassningsbara kassaformulär och accepterar en mängd olika betalningssätt.
3. Hur kan jag anpassa Moneris Checkout-formuläret?
4. Moneris API låter dig anpassa utformningen av kassaformuläret genom att ändra element som knappar och inmatningsfält. Använd kommandon som setCustomStyle() för att lägga till ditt varumärkes stil i formuläret.
5. Vad är betydelsen av att sätta miljön på "qa"?
6. Att ställa in miljön på "qa" med setMode("qa") låter dig testa transaktioner säkert utan att bearbeta riktiga betalningar.
7. Hur hanterar jag en förauktorisationstransaktion?
8. För att hantera förauktorisation, inkludera action: "preauth" argument i din JSON-förfrågan. Detta kommer att placera en spärr på kundens kort i stället för att debitera det omedelbart.
9. Vilka säkerhetsåtgärder tillhandahålls av Moneris Checkout?
10. Moneris stöder tokenisering, som ersätter känslig kreditkortsinformation med en token. Överensstämmelse med PCI DSS säkerställer att din integration uppfyller branschens säkerhetskrav.

Sista tankar om Moneris Checkout-integrering

För att framgångsrikt integrera Moneris Checkout med JavaScript måste både front-end- och back-end-inställningarna planeras noggrant. För att ge användarna en bra utcheckningsupplevelse krävs det att transaktionsdetaljerna, såsom biljettnumret, registreras på rätt sätt.

Att testa i en kvalitetssäkringsmiljö och strukturera ditt betalningsformulär på rätt sätt hjälper dig att upptäcka problem tidigt. Med rätt teknik kan du skapa en sömlös och säker betalningsprocedur som passar ditt företags mål samtidigt som du säkerställer kundnöjdhet.