微信支付：微信环境下JSSDK支付处理、移动H5页面微信支付常见问题处理

最新推荐文章于 2024-08-19 10:18:09 发布

peade

最新推荐文章于 2024-08-19 10:18:09 发布

阅读量2.1k

点赞数

分类专栏： front end

本文链接：https://blog.csdn.net/peade/article/details/106265073

版权

本文介绍了在微信环境中如何处理JSSDK支付，强调了状态验证的重要性，并解决了移动端H5页面支付时可能出现的路径和用户IP问题。针对支付时的错误，提出了解决方案，包括后端获取真实IP并生成支付链接或提供单独接口供前端调用。

摘要由CSDN通过智能技术生成

微信环境下支付

在微信环境下，调用微信支付，按照jssdk文档里的写法，直接调用支付方法就行。

wx.chooseWXPay({
  timestamp: 0, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
  nonceStr: '', // 支付签名随机串，不长于 32 位
  package: '', // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=\*\*\*）
  signType: '', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
  paySign: '', // 支付签名
  success: function (res) {
    // 支付成功后的回调函数
  }
});

需要注意的地方：

调用chooseWXPay方法时，需要确保 wx.ready 状态下
在这种支付下，微信支付后台会配置相应的路径，前端hash模式的路由，需要进行处理。
用户访问的页面为:
http://test.com/index.html#/pay/12312312
在这样的页面路径下，发起支付，会报错。需要处理成：
http://test.com/index.html?#/pay/12312312
带上? 让微信支付忽略#及