本文通过一个简单的微信支付案例介绍使用WeX5开发一个支持微信支付的功能的过程
注意:本文档适合3.1之前版本(包含3.1),因为3.2开始我们的插件已经支持了微信最新api和最新借口(wechat v3).所以随之js的api也有小部分变化。
1.新建一个mainActivity.w页面,添加一个按钮.用来点击调用微信支付
2.在mainActivity.w的js文件用引用微信插件
require("cordova!com.justep.cordova.plugin.weixin");
3.在按钮click事件中添加如下事件代码
Model.prototype.weixinPayBtnClick = function(event) { var weixin = navigator.weixin; var traceID = justep.UUID.createUUID(); var traceNo = justep.UUID.createUUID(); var notifyUrl = "http://www.bex5.com"; var error = function(msg){ alert('支付异常:' + msg); }; weixin.generatePrepayId({ "body" : "支付案例", "feeType" : "1", "notifyUrl" : notifyUrl, "totalFee" : "1", "traceId" : traceID, "tradeNo" : traceNo }, function(prepayId) { weixin.sendPayReq(prepayId, function(message) { var responseCode = parseInt(message); if (responseCode === 0) { alert('支付成功'); } else { error(message); } }, error); }, error); };
5.3.2之前版本
Model.prototype.weixinPayBtnClick = function(event) { var weixin = navigator.weixin; var traceID = justep.UUID.createUUID(); var traceNo = justep.UUID.createUUID(); var notifyUrl = "http://www.bex5.com"; var error = function(msg){ alert('支付异常:' + msg); }; weixin.getAccessToken(function(accessToken) { weixin.generatePrepayId({ "body" : "支付案例", "accessToken" : accessToken, "feeType" : "1", "notifyUrl" : notifyUrl, "totalFee" : "1", "traceId" : traceID, "tradeNo" : traceNo }, function(prepayId) { weixin.sendPayReq(prepayId, function(message) { var responseCode = parseInt(message); if (responseCode === 0) { alert('支付成功'); } else { error(message); } }, error); }, error); }, error); };
5. 这个时候打开手机支付吧
6.这个时候您已经入门了,如果需要申请自己的商户,以及修改插件默认参数等可以参考高级教程
本文由WeX5君整理,WeX5一款开源免费的html5开发工具,H5 App开发就用WeX5!
阅读其他app 开发相关文章:http://doc.wex5.com/?p=3443
评一波