微信小程序 支付功能开发错误总结
微信小程序支付功能开发错误总结
微信小程序支付终于踩完坑了，发现里面坑挺大的，现在发个贴，希望以后入坑的同学可以看一下：
https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_4&index=2
业务流程在这里大家看文档的时候可以看到。第一个坑，获取用户的openid，参数一定要拼在url连接上，否则会报{"errcode":40013,"errmsg":"invalidappid,hints:[req_id:iil1ba0504ns86]"}错误
onLoad:function(){
varthat=this
wx.login({
success:function(res){
if(res.code){
//发起网络请求
wx.request({
url:'https://api.weixin.qq.com/sns/jscode2session?appid=wxaacf22345345cfc7162fe3&secret=83ebd41c3e6f34a49b3a34578063434548ff3f71&js_code='+res.code+'&grant_type=authorization_code',
method:"POST",
success:function(res){
that.setData({
openid:res.data.openid
})
}
})
}else{
console.log('获取用户登录态失败！'+res.errMsg)
}
}
});
}
第二个坑，支付统一下单接口，签名这个坑是比较多人遇到问题的这个是MD5加密经常和签名工具里面的加密签名不一样
签名加密工具地址：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=20_1
签名加密的时候要转成utf-8,加密我用自己的接口进行加密的digest.update(data.getBytes("utf-8"));
//统一下单接口获取sign（签名）
paysignjsapi:function(appid,attach,body,mch_id,nonce_str,notify_url,openid,out_trade_no,spbill_create_ip,total_fee,trade_type,key){
varself=this;
//加密签名
wx.request({
url:'http://localhost:8080/XinXingWXApi/wxXcxApi/Md5Encrypt.do',
method:'GET',
data:{
appid:appid,
attach:attach,
body:body,
mch_id:mch_id,
nonce_str:nonce_str,
notify_url:notify_url,
openid:openid,
out_trade_no:out_trade_no,
spbill_create_ip:spbill_create_ip,
total_fee:total_fee,
trade_type:trade_type,
key:key
},
//统一下单
success:function(res){
varsign=res.data.strMd5
varformData="<xml>"
formData+="<appid>"+appid+"</appid>"//appid
formData+="<attach>"+attach+"</attach>"//附加数据
formData+="<body>"+body+"</body>"//标题
formData+="<mch_id>"+mch_id+"</mch_id>"//商户号
formData+="<nonce_str>"+nonce_str+"</nonce_str>"//随机字符串，不长于32位。
formData+="<notify_url>"+notify_url+"</notify_url>"//异步接收微信支付结果通知的回调地址
formData+="<openid>"+openid+"</openid>"//用户Id
formData+="<out_trade_no>"+out_trade_no+"</out_trade_no>"//商户订单号
formData+="<spbill_create_ip>"+spbill_create_ip+"</spbill_create_ip>"
formData+="<total_fee>"+total_fee+"</total_fee>"//金额
formData+="<trade_type>"+trade_type+"</trade_type>"//公共号支付
formData+="<sign>"+sign+"</sign>"//签名
formData+="</xml>"
返回数据解析xml
//请求统一下单接口
wx.request({
url:"https://api.mch.weixin.qq.com/pay/unifiedorder",
method:'POST',
data:formData,
success:function(data){
wx.request({
url:"http://localhost:8080/XinXingWXApi/wxXcxApi/xmlAnalyze.do?strXml="+data.data,
method:'POST',
success:function(res){
varpk='prepay_id='+res.data.prepayId;
vartimeStamp=self.createTimeStamp();
//获取支付签名，并支付
self.getsignType(appid,timeStamp,nonce_str,pk,"MD5",key);
}
})
}
})
}
});
}
第三就是调用支付了,这里也有几个小坑，第一就是appId很多写成appid就不行了，第二个就是preoatid的参数格式要写对prepay_id=wx2017011711060194dccf725232155886323第三个就是调用支付的时候报支付签名错误，也需要到签名接口查看签名是否一致，查看参数是否是对的，调用微信支付的时候必须加上appId
getsignType:function(appid,timeStamp,nonce_str,pk,signType,key){
varthat=this;
wx.request({
url:"http://localhost:8080/XinXingWXApi/wxXcxApi/getSignType.hn",
method:'GET',
data:{
appId:appid,
timeStamp:timeStamp,
nonceStr:nonce_str,
pk:pk,
signType:signType,
key:key
},
success:function(res){
console.log(res.data.paySign)
varpaySign=res.data.paySign
//调用微信支付
wx.requestPayment({
'appId':appid,
'timeStamp':timeStamp,
'nonceStr':nonce_str,
'package':pk,
'signType':'MD5',
'paySign':paySign,
'success':function(res){
console.log(res);
console.log('success');
},
'fail':function(res){
console.log(res);
console.log('fail');
},
'complete':function(res){
//console.log(res);
console.log('complete');
}
});
}
})
}
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！