非内置浏览器WebView 调起H5支付，提示商家参数格式有误

微信H5 支付开发官方文档参考资料： https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=15_4

0. 场景描述：在APP 中使用webView 显示第三方H5, H5中涉及到微信支付流程，无法正常支付，提示 “商家参数格式有误，请联系商家解决”。

1. 线索分析：参照微信H5 支付开发官方文档，提及 “如果是APP里调起H5支付，需要在webview中手动设置referer”，具体内容如下，或者参考官方文档：PS@官方文档 -- 致谢

1. 1 解决策略：按照官方文档描述，添加referer 之后，发现仍然提示此错误：

         Map<String,String> extraHeaders = new HashMap<String, String>();
         extraHeaders.put("Referer", "");
         mWebView.loadUrl(mUrl, extraHeaders);

1.1 尝试代码

2. 线索分析：经过询问H5 前端技术人员，反馈referer 需要实时设置更新， 每个页面都要获取上一个界面的referer，然后传递给下一个页面，而不是一层不变。PS@H5前端技术 -- 致谢

2.1 解决策略：通过线索分析，得知两个重要线索 ->

　　Num 1：referer 需要实时设置更新 -> 需要在WebViewClient -> shouldOverrideUrlLoading() 中实时设置referer, 而不是只在最外层设置referer；

　　Num 2：每个页面都要获取上一个界面的referer，然后传递给下一个页面 -> 获取上一个界面referer并传递给下一个页面；

2.2 碰到的小问题*#110*#  ：WebView 中并没有获取referer 的相关方法，referer 是个什么鬼东东，一脸茫然？？？？？？？？？？

　　猜测：根据单词意思，是否是指上一个界面的网址，即页面来源？

　　尝试：将授权域名作为初始referer ，然后每次保存上一个页面的url 作为下一个页面的referer

　　

 mWebView.setWebViewClient(new WebViewClient() {
             String referer = "商户申请H5时提交的授权域名";

             //覆盖shouldOverrideUrlLoading 方法
             @Override
             public boolean shouldOverrideUrlLoading(WebView view, String url) {
                 Map<String,String> extraHeaders = new HashMap<String, String>();
                 extraHeaders.put("Referer", referer);
                 view.loadUrl(url, extraHeaders);
                 referer = url;
                 return true;//不调用系统的浏览器打开网页
             }
         });

最终代码

3. 运行代码-》调试-》问题解决。

我们不生产代码, 我们只做大自然的搬运工，转载请说明源地址：http://www.cnblogs.com/lizhilin2016/p/9001452.html

附录：

 mWebView.setWebViewClient(new WebViewClient() {
             String referer = "商户申请H5时提交的授权域名";

             //覆盖shouldOverrideUrlLoading 方法
             @Override
             public boolean shouldOverrideUrlLoading(WebView view, String url) {
                 LogUtils.e(TAG, "url = " + url);
                 if (!url.startsWith("http")) {
                     if (url.startsWith("协议") && !hasInstalledApp) { // 特殊app，根据协议判断客户端是否存在
                         return true;
                     }
                     try {
                         Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
                         intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
                         startActivity(intent);
                         if (url.startsWith("协议")){ // 根据实际逻辑，外呼app成功之后，看是否需要关闭界面
                             finish();
                         }
                         return true;
                     } catch (Exception e) { //防止crash (如果手机上没有安装处理某个scheme开头的url的APP, 会导致crash)
                         return false;
                     }
                 }
                 Map<String,String> extraHeaders = new HashMap<String, String>();
                 extraHeaders.put("Referer", referer);
                 view.loadUrl(url, extraHeaders);
                 referer = url;
                 return true;//不调用系统的浏览器打开网页
             }
         });
         mWebView.setWebChromeClient(new WebChromeClient());
         mWebView.loadUrl(mUrl);
     }

 扩展版代码

  扩展版代码

扩展版代码