将 Moneris Checkout 与 JavaScript 集成：处理 JSON 响应问题

Moneris Checkout 与 JavaScript 集成：前端和后端解决方案

前端解决方案利用 JavaScript 合并 Moneris Checkout 表单并处理交易响应。

// 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 和 Express 的后端解决方案：处理支付数据

利用 Node.js 和 Express 管理 Moneris 的后支付数据的后端解决方案

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

使用 Mocha 和 Chai 对后端支付处理进行单元测试

使用 Mocha 和 Chai 进行后端单元测试以验证资金处理功能

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

关于 Moneris Checkout 集成的常见问题

1. 什么是 Moneris Checkout？
2. Moneris Checkout 是一种支付网关解决方案，使企业能够通过其网站安全地接受付款。它提供可定制的结账表格并接受多种付款方式。
3. 如何自定义 Moneris Checkout 表单？
4. Moneris API 允许您通过更改按钮和输入字段等元素来自定义结帐表单的设计。使用类似命令 setCustomStyle() 将您的品牌风格添加到表单中。
5. 将环境设置为“qa”的重要性是什么？
6. 将环境设置为“qa” setMode("qa") 允许您安全地测试交易，而无需处理实际付款。
7. 如何处理预授权交易？
8. 要管理预授权，请包括 action: "preauth" JSON 请求中的参数。这将冻结客户的卡，而不是立即扣款。
9. Moneris Checkout 提供哪些安全措施？
10. Moneris 支持令牌化，即用令牌替换敏感的信用卡信息。遵守 PCI DSS 确保您的集成满足行业安全要求。

关于 Moneris Checkout 集成的最终想法

为了成功地将 Moneris Checkout 与 JavaScript 集成，必须仔细规划前端和后端设置。为用户提供良好的结账体验需要确保正确捕获票号等交易详细信息。

在 QA 环境中进行测试并正确构建付款表单将帮助您及早发现问题。使用正确的技术，您可以创建一个无缝且安全的支付程序，既适合您公司的目标，又确保客户满意。