Applepay on the web 接入介绍2

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() });