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. モネリスチェックアウトとは何ですか?
2. Moneris Checkout は、企業が Web サイトを通じて安全に支払いを受け取れるようにする支払いゲートウェイ ソリューションです。カスタマイズ可能なチェックアウト フォームを提供し、さまざまな支払い方法を受け入れます。
3. Moneris チェックアウト フォームをカスタマイズするにはどうすればよいですか?
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 環境でテストし、支払いフォームを適切に構成すると、問題を早期に発見するのに役立ちます。正しいテクニックを使えば、顧客の満足を保証しながら、会社の目標に合ったシームレスで安全な支払い手順を作成できます。