H5应用接爱贝HTML5浏览器版（接入说明）

接入流程（重要）

接入过程（重要）：

1. 商户网页端嵌入aibei_v1.1.0.js 

2. 商户网页端Ajax(同步请求)向商户服务端发送下单请求。

3. 商户服务端接入爱贝服务端并下单获取transid.

4. 爱贝服务端返回下单结果，商户服务端解析transId并返回到网页端。

5. 网页端接收到transid，打开爱贝收银台。

6. 爱贝收银台处理支付计费流程。

7. 爱贝收银台通知商户网页端支付结果。

8. 商户网页端调用商户服务端查询支付状态。

 

2.网页端接入

2.1引入爱贝收银台js

商户网页端引入：

http: http://web.iapppay.com/h5/v1.0.1/js/aibei_v1.1.0.js

https：https://web.iapppay.com/h5/v1.0.1/js/aibei_v1.1.0.js

2.2配置商品

2.2.1购买链接

第一步初始化函数

var aibeiPay = new AiBeiPay();

第二步调起收银台

aibeiPay.clickAibei(data)

data为JSON对象有如下几个参数transId(必填),retFunc(可选),baseZIndex(可选), redirecturl(必填) ,cpurl(可选) ,sign(必填), signtype(必填)

data的示例

{transId："transId",retFunc:"callbackGame",baseZIndex:100,  "redirecturl":"http://www.baidu.com","cpurl":"http://http://www.sina.com.cn","sign":"xxxx","signtype":"RSA"}

(此种格式解决了当支付页面跳出收银台，当用户支付成功后会自动跳转到redirecturl)

Xxxx 为rsa(transId+redirecturl+cpurl)签名

注意：transId+redirecturl+cpurl为字符串拼接数据，非json格式。数据不能urlencode，字段的前后不能含有空格

Cpurl（可选）

 

调起收银台使用样例

<a href="#" οnclick="aiPay1(2);" class="aibei-pay" >1.0元/2周，到期自动续费(包账期)</a><br />

开放价格: <a href="#" οnclick="aiPay(6,0.01);" class="aibei-pay" >0.01元</a>

waresid商品ID

 money 金额

<script>

var aibeiPay = new AiBeiPay(); //初始化爱贝支付JS(此类有且只能创建一次)

function aiPay1(waresid, money){

var transId = serverOrder(waresid, money); //向服务器下单获取下单编号，此函数需自己编写

 

if (transId == undefined){

return

}

 //{transId："transId",retFunc:"callbackGame",baseZIndex:100,

// "redirecturl":"www.baidu.com","cpurl":"http://www.sina.com.cn",

// "sign":"","signtype":"RSA"}

var data = {};

data.transId = transId; //下单编号

 

data.retFunc = "callbackData";//当用户点击“返回游戏”按钮时调用该函数。回调函数的参数为支付结果数据，与购买结果通知e.data数据一致

     data.baseZIndex = 88;

data.closeTxt="返回app" //自定义返回游戏按钮

data.redirecturl = "http://www.baidu.com/redirecturl"; //当支付页面跳出收银台后，查询结果页回跳地址（必填）

data.cpurl = "http://www.sina.com.cn/cpurl";//返回商户地址，可以不填写

data.sign = getEncStr(transId+data.redirecturl+data.cpurl);//用RSA(transId+redirecturl+cpurl)签名数据 

aibeiPay.clickAibei(data); //调起收银台的JS函数

}

</script>