微信支付总结--小程序与H5页面微信支付
微信支付总结
小程序与H5页面微信支付
在项目开发过程中,我们涉及到了微信支付功能,这里做一个详细的记录。
前言
微信支付是微信官方提供的一种在线支付服务,支持多种支付方式,如微信支付、支付宝等。小程序和H5页面都可以使用微信支付功能来实现在线支付。
后端代码
小程序和H5的后端代码是通用的,我们只需要在前端调用不同的代码即可实现微信支付功能。这里不详细描述后端代码逻辑。
微信支付官方文档
微信支付官方给了开发文档,但是其中还是有一些坑需要注意。以下是部分参考内容:
1. 微信支付接口地址
* 小程序: H5页面: 参数配置
* 公众号ID* 商户ID* 支付方式(微信支付、支付宝等)
3. 签名算法
* 使用MD5或SHA256进行签名小程序微信支付
在小程序中,我们需要使用微信官方提供的 `wx.requestPayment` 接口来实现微信支付功能。以下是部分参考代码:
```javascript// 小程序端wx.requestPayment({
'timeStamp': timestamp,
'nonceStr': nonceStr,
'package': packageValue,
'signType': signType,
'paySign': paySign,
'success': function(res) {
console.log('支付成功');
},
'fail': function(res) {
console.log('支付失败');
}
});
```
H5页面微信支付
在H5页面中,我们需要使用微信官方提供的 `wx.chooseWXPay` 接口来实现微信支付功能。以下是部分参考代码:
```javascript// H5端wx.chooseWXPay({
'timeStamp': timestamp,
'nonceStr': nonceStr,
'package': packageValue,
'signType': signType,
'paySign': paySign,
'success': function(res) {
console.log('支付成功');
},
'fail': function(res) {
console.log('支付失败');
}
});
```
注意事项
1. 签名算法
* 使用MD5或SHA256进行签名2. 参数配置
* 公众号ID* 商户ID* 支付方式(微信支付、支付宝等)
3. 接口地址
* 小程序: H5页面: