H5支付采坑问题解决（已解决附demo源码）

最新推荐文章于 2024-08-15 16:49:46 发布

原创

最新推荐文章于 2024-08-15 16:49:46 发布 · 3.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#H5支付采坑问题解决（已解决附源码） #微信支付

本文档详细介绍了H5支付遇到的坑及解决方法，包括因终端IP不一致导致的错误，以及调起支付域名不一致的问题。解决方法包括使用搜狐js库获取真实IP，确保调起支付和H5授权域名一致。最后，强调了正确调用MWEB_URL的方式，以及适用的设备环境。

前提：

参考链接：https://pay.weixin.qq.com/wiki/doc/api/index.html
1.开通H5支付，注意：在申请时填写的域名必须和调起H5支付访问的页面一样！
2.跟小程序支付类似，拿到公众号的appId, 商户号、商户秘钥，

H5支付采坑问题解决（已解决）：

一、当所有参数准备好，并调用接口时，返回MWEB_URL如下：
MWEB_URL= https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=wx20161110163838f231619da20804912345&package=1037687096
访问该链接，出现以下错误：
在这里插入图片描述
原因：商户侧统一下单传的终端IP(spbill_create_ip)与用户实际调起支付时微信侧检测到的终端IP不一致导致的，
（在网上找了各种各样的方法，获取本地真实的ip，全都无效，问题依旧如此）
解决方法：要获取spbill_create_ip。在前端js中引入了搜狐的js库，

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>

document.write(returnCitySN["cip"]+','+returnCitySN["cname"]);

这条语句即可拿到手机端的真实ip,returnCitySN[“cip”]将该值作为参数传到后台，作为spbill_create_ip的值调起微信支付接口。
二、当前调起微信支付的域名和申请H5授权的域名不一致时会出现如下图所示：

最低0.47元/天解锁文章