App中集成微信H5支付之坑点
写在前面
相信大家，都有这样的需求。
一个app中，要给多个商家支付，但微信在h5支付未出来前，是不支持的。
现在终于可以用了，what，但是听说坑一堆。。下面让我入坑。
安卓
其实安卓还算比较好弄，坑位比较少。
首先，大家网上一搜索
那么都是初级阶段的入门练气。
// 在webview 添加微信支付的过滤
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
L.e("跳转至--》" + url);
if (url.startsWith("alipays:") || url.startsWith("weixin://wap/pay?")) {
try {
startActivity(new Intent("android.intent.action.VIEW",
Uri.parse(url)));
} catch (Exception e) {
L.e("无支付app", e);
}
return true;
}
}
好的，到了这里，你发现你已看完了 降龙十八掌 的绝学之书，并且已然了熟于心。
你发出了你的第一掌，开始测试微信h5支付了，
发现出现如下界面
官网的错误截图
那么这里，你还需要一个人给你打通[任督二脉]
我们发现h5 官方页面，有这样一个说明。
官网对错误的说明
我们看到里在，有这么一句，我们用代码的视图看。
// 如果是APP里调起H5支付，需要在webview中手动设置referer，如
Map extraHeaders = new HashMap();
extraHeaders.put("Referer", "商户申请H5时提交的授权域名");//例如 http://www.baidu.com
Oh,No ! What's this? who can tell me ?
---------- 此处放一张什么鬼.jpg --------
好了，相信这也难不到你，大家会顺其自然想到，这是要我们多传一个参数。
传参一般不是拼在url 后面，不就ok.
这里是个map ,莫非是个头信息。
立马百度
有了
// extraHeaders为头信息的map
getWebView().loadUrl(url,extraHeaders);
把申请h5支付时的域名，填上还真可以了。
注：这里域名肯定是不能写死的，从url 中取，或者 js 传给原生，都是可以的。
苹果（iOS）
苹果也同样会有以上问题，跳转微信的问题。
两种解决方案
- 将微信加你这个应用的白名单，一般微信分享也会配置这个
- 和安卓一样的，加头信息。
以上两种方法，不知道怎么玩的，自已百度（或者给我发红包都是可以的哈）。
你以为这样就完了。
-------- 哈哈(n).jpg ----------
那也太对不起微信官网给出的这一句神一样的对话。
不建议在app 中使用h5支付
你会发现支付完成，跳到了safari,并没有跳到app
不过，没关系，人家只是不建议，并没有说不让用。
这里给出一种我们的解决方案：
微信支付完成后，跳转到safari打开的其实，是我们支付成功的回调url
那么我们可以用scheme ,从safari跳回到APP.
（当然，有些喜欢看小电影，开了无痕浏览模式是跳不回的（这些人我们忽略吧））
思路如下，
1。针对在请求微信的页面时，我们把回调地址后面追加一些我们自己的参数标示是从app中发起的h5支付请求。
2。web端获取如果有这个标示，并且当前浏览器为safari,就执行如下代码
// yourscheme://www.xxx.com 为你scheme
window.location.href = "yourscheme://www.xxx.com";
