跟着上一篇的微信文章，上一章没有H5的支付。在这周工作种，主要是对H5支付功能进行代码编写，这篇文章算是一次总结，也让新手遇到我的问题，可以有个解决方案。
微信H5支付的特殊要求：
H5支付和JSAPI支付差不多，但是是在其他浏览器进入到微信端。微信团队为了做这个用户校验，要求添加一个字段spbill_create_ip终端IP，必须传正确的用户端IP,支持ipv4、ipv6格式。这个IP地址，安装微信团队的思路来说，就是前端获取就可以了，但舔狗最好还是一无所有，发现除开在QQ浏览器上，我是可以正确使用，但是换了其他浏览器之后，就出现各种问题。
坑的解说
在订单成功发送之后，会返回mweb_url支付跳转链接，前端通过这个连接就可以跳转到微信，并且进行支付：window.location.href=mweb_url;
这样都好理解，然而。如果不在QQ浏览器上使用的时候，就跳转不了？这什么操作？
原来，这行代码。其实是再次做请求。获取到行行String字符串，也可以理解为是HTML。也就是说，其实是在前端添加HTML代码，这里面的内容再次跳转到微信端。
理清一下这个思路：
①mweb_url 字段是用来再次做请求，并且做校验
②获取到的HTML数据，是真正的跳转链接
在HTML中，有这几行代码（稍后会提供）
url="weixin://wap/payprepayid%327097225
&package=977****
&noncestr=15****8
&sign=6882******ea";
top.location.href=url;复制代码你会发现，这个链接的几个参数就是用来做支付校验的。在通过top.location.href进入到微信端，如果你去看JD的H5支付，也会发现这行代码。JD也是绕够了这个IP
绕开IP的方法：
准确的说，是绕过前端的IP，最重的方法是为了获得准确的跳转链接。在后端获取，所以我们使用的是后端的地址，而不是前端的地址。并在后端正确获取到。
但前端还是需要传一个数据，来替代IP，就是当前的的地址。在前端跳转到微信的时候，会做URL校验，判断是否是本页面做的支付请求。虽然不知道这个有什么用，还是需要传的。
方法总结：
①终端IP地址由后端提供
②需要前端传URL地址
代码准备：
获取到准确的跳转地址
/**
url 微信返回的mweb_urlrefererUrl 前端URL地址*/
public String getWeiUrl(String url,String refererUrl) throws Exception {
Map header = new HashMap<>();
header.put("Accept-Language", "zh-CN,zh;q=0.9");
header.put("Accept-Encoding", "gzip, deflate, br");
header.put("Accept", "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8");
header.put("Referer", refererUrl);
header.put("Host", "wx.tenpay.com");
header.put("Upgrade-Insecure-Requests", "1");
header.put("Cache-Control", "no-cache");
header.put("Pragma", "no-cache");
String s = HttpUtils.get(url, null, header);
logger.info("HTML ->"+s+" ->"); //可以在这里看数据
String temp=s.substring(s.indexOf("weixin://") , s.length() - 1);
return temp.substring(0, temp.indexOf("\""));
复制代码 spbill_create_ip 是传的后端的地址，代码等下更新到GitHub上面。
使用：
String total_fee = "1";
//合成表单
PayHouse payHouse = new PayHouse.Builder(new MyConfig())
.setAttach("")
.setBody("")
.setOutTradeNo(UUID.randomUUID().toString().replaceAll("-", ""))
.setTotalFee(total_fee)
.setTradeType(WxPayTradeType.H5PAT)
.setPayAPIType(PayAPIType.UNIFIEDORDER)
.setProductId("")
.setSpbillCreateIp("服务器的地址")
.setRefererUrl("前端的URL地址")
.build();
Map implement = payHouse.implement();
System.out.println(implement);复制代码 打印
{mweb_url=weixin://wap/pay?prepayid%3Dwx1112*****4&package=6****2&noncestr=****54&sign=d803*****cc8f5}
前端使用
top.location.href=mweb_url复制代码下面是结果
GitHub地址：放微信支付简单起来