Moneris Checkout을 JavaScript와 통합: JSON 응답 문제 처리

Moneris Checkout과 JavaScript의 통합: 프런트엔드 및 백엔드 솔루션

Moneris Checkout 양식을 통합하고 거래 응답을 처리하기 위해 JavaScript를 활용하는 프런트 엔드 솔루션입니다.

// 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를 사용한 백엔드 솔루션: 결제 데이터 처리

Moneris의 후불 데이터를 관리하기 위해 Node.js 및 Express를 활용하는 백엔드 솔루션

// 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 환경에서 테스트하고 결제 양식을 적절하게 구성하면 문제를 조기에 발견하는 데 도움이 됩니다. 올바른 기술을 사용하면 고객의 행복을 보장하면서 회사의 목표에 맞는 원활하고 안전한 결제 절차를 만들 수 있습니다.