H5App支付宝开发详解

优质

小牛编辑

136浏览

2023-12-01

前面两篇文章：h5app微信支付开发起手式、wex5微信公众号支付开发分别讲解了开发app的微信支付、开发公众号的微信支付。这篇我们说一说支付宝的支付开发。

环境准备

1 支付宝商户，且签约移动支付

需要一个支付宝商户，且签约移动支付，同时按要求上传公钥，换回支付宝公钥。生成RSA私钥和公钥参见https://doc.open.alipay.com/doc2/detail.htm?spm=a219a.7629140.0.0.dQoldX&treeId=44&articleId=103242&docType=1

更多接入信息参见：支付宝开发“快速接入”相关章节。

得到三个参数：partner，rsa_private，rsa_public。

2 免费下载解压wex5 stuido

开发步骤

1 UI开发

新建一个.w，在里面新建用户点击按钮，点击执行支付。在对应的.js文件引入插件：require(“cordova!com.justep.cordova.plugin.alipay”);


var orderID = justep.UUID.createUUID();
if (!navigator.alipay) {
alert("没有打入com.justep.cordova.plugin.alipay插件");
return;
}
var notifyUrl = location.origin;
var tradeNo = orderID;
var alipay = navigator.alipay;
alipay.pay({
"seller" : "huangyx@justep.com",    // 卖家支付宝账号或对应的支付宝唯一用户号
"subject" : "x5外卖",                           // 商品名称
"body" : "x5外卖",                              // 商品详情
"price" : "0.01",                                  // 金额，单位为RMB
"tradeNo" : tradeNo,                        // 唯一订单号
"timeout" : "30m",                            // 超时设置
"notifyUrl" : notifyUrl                      // 服务器通知路径
},
function(message) {
var responseCode = parseInt(message);
if (responseCode === 9000) {
alert("支付成功");
} else {
alert("支付失败");
}
}, function(msg) {
alert("支付失败");
});

2 打包

按wex5的流程打包。wex5.com上有足够多关于打包的文章，此处不再赘述。注意打入插件时填入自己上面准备的参数。”alipay_scheme”填入”alipay”+partner+”随机数或空”即可。

3 体验

扫码下载打好的安装包，打开体验支付宝支付。注意如果用模式三打包需要起动好服务器。

常见问题

1 参数问题

使用的com.justep.cordova.plugin.alipay插件，默认带了一组参数，这组参数是起步软件的支付宝案例用的。每次支付体验消费一分钱。你开发的app可以换成商户的参数。其中rsa_private是自己生成的，rsa_public需要从支付宝后台换取。

“partner”:”2088811446024912″,
“rsa_private”:”MIICdwIBADANBgkqhkiG9w0BAQEFAASCAmEwggJdAgEAAoGBAM3NsYcFbce3omzhiXY1Mr8nkxuHkpVFky9JBb+vnLzje+mjZIxbHDGIU//3c88H5F6CO6CPNMa036QJ9nhS6Ea7xmEGQ2JxY0JMM2bnQxhRtwwe1nV67boFzkjrOWD1loThzK3pgVkb6D6gLqANXcPSe3JAqrvouNUYvK/+75O1AgMBAAECgYBy3IdlZUlE+x+DB0lyGPTOrSa0abEM8LzZ2jaEKl4fKhOBbXjzwPH2TzEaniAbfzsc6DChRuvcrxxWcF0IALWzqyJdGNxZjlhwyVhKc4BJnn90AUXohvB83AFd2+cHurHkAE8sEO8ihDsSOon0YpKKkA/haQ8RKshTCO8RZIlugQJBAP2WkR3BbPzgHZxKR8u0woe0ZzIkUCa/+dMr8XELE6ZBj1w3uPTq4ePHto5W9MLwzN3p3lN+WcUkAM/BdzlbUyECQQDPwsf4SYCjV5hTNY7sj1sqcO4O8Ti7HnINHkefb90TsIrQjaBYNYxeEjj028yLxKkNkNUoLZQekt0jDast24IVAkBDvM5yplJYkf0W3HilH1m/Kh9Os4h9cVZoZBqQWaccB/MlbPUI5x0D3TsUdoHW+L+gn3H115BfKqjU1hbkyVJBAkEAryckVTMKayrG9aeahd7Z2e75E8nTrRUey+ZyNX0mYZodfXNY8eS7IPe14uCHEnJKn3Ax9DxwulHQcuPsI64CfQJBAPYgBMhCX6HXpLTKUuIID1dy1ENZyEEUZCouQsuPYwirOO6z4NIi8wSa98wgM0/2NJrVs1W2/l2fn8xVycd4Ykk=”,
“rsa_public”:”MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCnxj/9qwVfgoUh/y2W89L6BkRAFljhNhgPdyPuBV64bfQNN1PjbCzkIM6qRdKBoLPXmKKMiFYnkd6rAoprih3/PrQEB/VsW8OoM8fxn67UDYuyBTqA23MML9q1+ilIZwBC2AQ2UBVOrFXfFl75p6/B5KsiNG9zpgmLCUYuLkxpLQIDAQAB”,
“alipay_scheme”:”alipay20888114460249121″