applepay on web接入步骤
一、订单推送
商户通过后端开发与银联服务器进行数据交互,获得同步应答中的transData字段
注意:
接口地址为:https://gateway.95516.com/gateway/api/newAppTransReq.do(正式环境)
二、技术接入
1、在商户支付页面引入applepay.js:
https://acpstatic.95516.com/gw/mobile/resources/applepay.js)(生产环境)
2、 使用applepay.js
2.1构造paymentRequest,
2.2初始化方法
1,构造paymentRequest, 2,初始化方法 CUP.applepay.init(paymentRequest, function(available){ // 使用available来判断该笔交易是否支持applepay on the web // 例如你可以在available时,才展示applepay的按钮 }); 3,通过以下方法来调用paymentSheet,你需要将其绑定到一个显式的事件中: CUP.applepay.invoke()
|
2.3通过以下方法来调用paymentSheet,你需要将其绑定到一个显式的事件中:
CUP.applepay.invoke()
接口详情
一、初始化
CUP.applepay.init(paymentRequest,availableCheck)
描述:调用applepay on the web的第一步初始化动作
请求参数:
paymentRequest | |
paymentData | 商户创建订单后,银联返回给商户的用于标识一笔交易的支付数据 |
merchantIdentifier | apple的商户ID |
success | 支付成功后的回调函数 |
failure | 支付失败后的回调函数 |
availableCheck | |
availableCheck | 提供给商户的回调函数,参数为true/false,用于商户判断该用户是否支持applepay on the web |
二、唤起paymentSheet支付
CUP.applepay.invoke()
描述:该方法必须被用户的点击行为触发,可以将该方法的调用绑定到“支付”按钮上,当用户点击后,即可使用applepay on the web来完成支付
三、示例
1、构建请求参数 var paymentRequest = { paymentData : "XXXXXXXXXX", merchantIdentifier : “merchant.apple.merchant.id”, success : function(){ console.log("success"); }, failure: function(){ console.log("failure"); } } 2、初始化,使用available来判断该笔交易是否支持applepay on the web CUP.applepay.init(paymentRequest, function(available){ if(available){ $(“.apple-pay-button”).show(); } });
3、为支付按钮绑定支付事件 $(“.apple-pay-button”).click(function(){ CUP.applepay.invoke() }); |