2020-12-30

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<String, String> 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<String, String> extraHeaders = new HashMap<>();
                extraHeaders.put("Referer", referer);
                view.loadUrl(url, extraHeaders);
                referer = url;
                return true;
            }
            view.loadUrl(url);
            return true;
        }
    });