美文网首页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和H5交互

    Android与H5的交互比较简单,这里记录一下。 WebView的基本设置 Android调用H5的方法 H5调...

  • Hybrid(在Android中的实现)

    Native(以Android为例)和H5通讯,基本原理: Android调用H5:通过webview类的load...

  • WebView上传图片问题

    众所周知,Android的WebView内部屏蔽了调用相机的方法,如果H5网页想在WebView内调用相机需要在s...

  • WebView和JS 交互

    注册JS调用的方法(H5调用WebView) 编写调用JS的方法(Webview调用H5并获得返回值) *H5需要...

  • ## APP支持H5微信支付案例 - [卓训] android端

    ## APP支持H5微信支付案例 **对于微信支付,android端需用webview直接加载给定的url即可,代...

  • 测试文章

    Android和H5、JS进行交互调用 Android开发过程中,我们或多或少都会用到webview,使用webv...

  • Android和H5、JS进行交互调用

    Android和H5、JS进行交互调用 Android开发过程中,我们或多或少都会用到webview,使用webv...

  • Android和js、H5进行交互数据

    Android和H5、Js进行交互调用 Android开发过程中,我们或多或少都会用到webview,使用webv...

  • Android 与H5之间的js交互

    参考博客 (一)Android端调用H5页面 在Android端主要使用WebView来进行网页的加载,设置属性 ...

  • 微信H5支付参考(android)

    android webview 微信h5支付 原因 由于原生app支付需要验证包名和签名,如果要做的是sdk,给所...

网友评论

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

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