uniapp实现微信小程序支付(前端)
1.本篇主要是介绍uniapp微信小程序支付以及小程序内置网页跳转H5页面两个方向的微信支付流程
2.微信小程序内微信支付
uni.request({
url:"请求路径",
method:"方法",
data:{
后端需要的数据
},
success(payRes){
//payRes这里主要有几个参数后面会调取uni的支付接口需要使用,下面会介绍每个数据
//这个请求结束后就是前端最重要的步骤了,需要拉起支付密码框来完成支付
uni.requestPayment({
"provider": "wxpay",//支付方式
"timeStamp":payRes.data.timeStamp,//时间戳
"nonceStr":payRes.data.nonceStr,//随机字符串
"package":payRes.data.package,//接口返回的prepay_id
"signType":payRes.data.signType,//签名算法,需要与后台下单时一致
"paySign":payRes.data.paySign,签名
success: function (resSuccess) {
//触发该success时已经是输入密码支付成功后触发,可做一些页面跳转和成功提示
},
fail: function (err) {
//支付失败时出发,比如取消支付、余额不足等
}
});
}
})
3.小程序内部跳转H5页面进行微信支付
1.H5支付因为是非微信内部的支付,所以需要安装使用微信的JS-SDK包来实现,所以实现写法会有一些改变,但是大同小异。
2.现在控制台输入指令(安装了node.js的情况下,我这里是16.6的版本)npm i jweixin-module -S
//web-view
5.过程中遇到的问题
1.H5写的微信支付,安卓无法使用,ios没问题,找了半天没找到解决方案