directpay-ipg-js
Version:
Directpay IPG Plugin
103 lines (85 loc) • 3.37 kB
HTML
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<title>DirectPay</title>
</head>
<body>
<div class="container-fluid">
<button class="btn btn-primary" onclick="startPayPopup()">Start payment - POP-UP</button>
<button class="btn btn-primary" onclick="startPay()">Start payment - IN-CONTAINER</button>
<div class="row">
<div class="col">
<div id="card_container"></div>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<script src="./node_modules/directpay-ipg-js/dist/directpayipg.js"></script>
<!--<script src="https://cdn.directpay.lk/v3/directpayipg.min.js"></script>-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>
<script>
var json = {
"merchant_id": "DP00001",
"amount": "1",
"type": DirectPayIpg.config.types.ONE_TIME,
"order_id": "DPTST" + Math.floor(Math.random() * 999) + 1,
"currency": "LKR",
"return_url": "http://localhost/response.php",
"response_url": "http://localhost/response.php",
"first_name": "asela",
"last_name": "darshan",
"phone": "0774592258",
"email": "asela@paymedia.lk",
"page_type": 'IN_APP',
"do_initial_payment": 1,
"end_date": "2021-01-01",
"start_date": "2020-10-10",
//"initial_amount" :"1",
"interval": DirectPayIpg.config.intervals.MONTHLY,
}
var dataString = CryptoJS.enc.Base64.stringify(CryptoJS.enc.Utf8.parse(JSON.stringify(json)));
var hmacDigest = CryptoJS.HmacSHA256(dataString, "u4V376WvJJij");
console.log(DirectPayIpg)
var dp = new DirectPayIpg.Init({
signature: hmacDigest,
dataString: dataString,
stage: 'LOCAL',
container: 'card_container'
});
function startPay() {
dp.doInContainerCheckout().then((data) => {
console.log("client-res", JSON.stringify(data));
alert(JSON.stringify(data))
}).catch(error => {
console.log("client-error", JSON.stringify(error));
alert(JSON.stringify(error))
});
}
function startPayPopup() {
dp.doInAppCheckout().then((data) => {
console.log("client-res", JSON.stringify(data));
alert(JSON.stringify(data))
}).catch(error => {
console.log("client-error", JSON.stringify(error));
alert(JSON.stringify(error))
});
}
</script>
</body>
</html>