Android webview调用H5支付

因业务需求，需要在app中打开第三方网页并在网页中进行支付，app中使用webview加载网页。

• 测试时发现微信支付错误，提示“商家参数格式有误，请联系商家解决”，ios没有问题。查看微信支付开发文档（如下图）发现，需要在webview中手动设置referer。

微信支付开发文档

在shouldOverrideUrlLoading()方法中拦截url，设置referer，有的文章说referer需要实时设置更新，每个页面都要获取上一个界面的referer，然后传递给下一个页面，因此把url传递给referer，代码如下：

        webview.setWebViewClient(new WebViewClient() {
            String referer = "商户申请H5时提交的授权域名（例如：http://www.baidu.com）";

            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                if (url.contains("https://wx.tenpay.com")) {
                    Map extraHeaders = new HashMap<>();
                    extraHeaders.put("Referer", referer);
                    view.loadUrl(url, extraHeaders);
                    referer = url;
                    return true;
                }
                view.loadUrl(url);
                return true;
            }
        });

• 设置完referer后，再次运行微信支付和支付宝支付，均提示错误“net::ERR_UNKNOWN_URL_SCHEME”，如下图。

因为上面两个url都是自定义scheme开头的（weixin://和alipays://），而webview只能识别http://或https://开头的url，因此需要用intent调起能处理此scheme开头的url的App，代码如下：

        webview.setWebViewClient(new WebViewClient() {

            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                try {
                    if (url.startsWith("weixin://") || url.startsWith("alipays://")) {
                        Intent intent = new Intent();
                        intent.setAction(Intent.ACTION_VIEW);
                        intent.setData(Uri.parse(url));
                        startActivity(intent);
                        return true;
                    }
                } catch (Exception e) {
                    return false;
                }
                view.loadUrl(url);
                return true;
            }
        });

修改完成后，微信和支付宝都能正常支付。

附上完整代码：

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

            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                try {
                    if (url.startsWith("weixin://") || url.startsWith("alipays://")) {
                        Intent intent = new Intent();
                        intent.setAction(Intent.ACTION_VIEW);
                        intent.setData(Uri.parse(url));
                        startActivity(intent);
                        return true;
                    }
                } catch (Exception e) {
                    return false;
                }

                if (url.contains("https://wx.tenpay.com")) {
                    Map extraHeaders = new HashMap<>();
                    extraHeaders.put("Referer", referer);
                    view.loadUrl(url, extraHeaders);
                    referer = url;
                    return true;
                }
                view.loadUrl(url);
                return true;
            }
        });