美文网首页Android
Android webview调用H5支付

Android webview调用H5支付

作者: MoonJoy | 来源:发表于2019-02-20 16:33 被阅读700次

    因业务需求,需要在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;
                }
            });
    

    相关文章

      网友评论

        本文标题:Android webview调用H5支付

        本文链接:https://www.haomeiwen.com/subject/ysxfyqtx.html