集成
命令式 API
从你自己的点击处理器打开 MakePay。
浏览器 API
当你的应用自己管理点击处理器,或需要直接传入生命周期回调时,使用全局浏览器 API。
- 使用
window.makepay.showPayment(uid, { onEvent })打开支付弹窗。 - 使用
window.makepay.hide()关闭当前弹窗。
html
<script src="https://makepay.io/modal/makepay.js"></script>
<button type="button" id="pay-with-makepay">Pay with crypto</button>
<script>
document.getElementById("pay-with-makepay").addEventListener("click", function () {
window.makepay.showPayment("YOUR_PAYMENT_UID", {
onEvent: function (event) {
if (event.type === "makepay.payment.redirect_requested" && event.payload.redirectUrl) {
window.location.assign(event.payload.redirectUrl);
}
},
});
});
</script>回调处理
当页面需要响应结账状态变化或重定向请求,但不想在 window 上全局监听时,请传入 onEvent 回调。