美文网首页
微信H5支付参考(android)

微信H5支付参考(android)

作者: honaf | 来源:发表于2017-07-27 11:44 被阅读456次

    android webview 微信h5支付

    原因

    由于原生app支付需要验证包名和签名,如果要做的是sdk,给所有其他应用来接入,所以选择了更为方便接入的h5支付

    流程

    • 首先在官网申请账号相关信息,比如本地需要的授权域名REFERER字段申请入口
    • 客户端封装相应参数提交给后台,后台调用微信api生成订单(需要获取客户端ip等,微信会验证下单和支付环境是否一致,细节参考文档)
    • 客户端拿到后台在微信生成的订单,用webview加载调起微信发起支付

    要点

    以下调起方式存在问题,部分手机调不起微信支付,有可能是有些手机webview无法获取重定向回调,中间考虑用http去拿到重定向的地址,然后用webview去加载,果然成功调起(那时微信h5支付还没对外开放),不料一周之后微信在js中添加Fingerprint2()验证,导致前后环境不一致,无法支付

     Map<String, String> extraHeaders = new HashMap<>();
     extraHeaders.put("Referer", SDKConfigs.REFERER);
     webView.loadUrl(orderUrl, extraHeaders);
    

    解决方案,通过js去加载后台在微信生成的订单地址,当然也可以像微信提供的H5参考demo一样,http://wxpay.wxutil.com/mch/pay/h5.v2.php,下单和调起支付操作都由H5页面调起,获取中转地址也在h5页面中操作,然后用webview装在整个H5页面

    String html = "<script>window.location.href='" + orderUrl + "';</script>";
    webView.loadDataWithBaseURL(SDKConfigs.REFERER, html, "text/html", "utf-8", null);
    

    另外要注意的是有些手机浏览器https需要验证证书,解决方案如下

     @Override
     public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
         //部分手机浏览器不支持https,所以此处需要接受证书
         handler.proceed();
     }
    

    代码

    客户端发起支付代码片段

        /**
         * 调起微信客户端发起支付
         * @param context 上下文
         * @param orderUrl  服务器下完单微信返回的订单地址
         */
        public static void jumpWxByOrderUrl(final Activity context, final String orderUrl) {
            final WebView webView = new WebView(context);
            WebSettings webSettings = webView.getSettings();
            webSettings.setSupportZoom(true);
            webSettings.setAppCacheEnabled(false);
            webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);
            webSettings.setAllowFileAccess(true);
            webSettings.setDefaultTextEncodingName("utf-8");
            webSettings.setJavaScriptEnabled(true);
            webView.setWebChromeClient(new WebChromeClient() {
                @Override
                public void onReceivedTitle(WebView view, String title) {
                    super.onReceivedTitle(view, title);
                }
    
            });
            webView.setWebViewClient(new WebViewClient() {
                public boolean shouldOverrideUrlLoading(WebView view, String newUrl) {
                    LogUtils.e("shouldOverrideUrlLoading==>newUrl", newUrl);
                    //String tempUrl = newUrl.replaceAll("%3D", "=");
                    Uri uri = Uri.parse(newUrl);
                    if ("weixin".equals(uri.getScheme())) {
                        //用浏览器打开中转地址,调起微信客户端发起支付
                        Intent intent = new Intent(Intent.ACTION_VIEW);
                        intent.setData(uri);
                        context.startActivity(intent);
                        return true;
                    } else {
                        return false;
                    }
                }
    
                @Override
                public void onReceivedError(WebView view, int errorCode,
                                            String description, String failingUrl) {
                    super.onReceivedError(view, errorCode, description, failingUrl);
                }
    
                @Override
                public void onPageFinished(WebView view, String url) {
                    super.onPageFinished(view, url);
    
                }
    
                @Override
                public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
                    //部分手机浏览器不支持https,所以此处需要接受证书
                    handler.proceed();
                }
    
            });
            //部分机型调不起打开微信中转页面,所以这里利用js代码来加载订单地址
            String html = "<script>window.location.href='" + orderUrl + "';</script>";
            webView.loadDataWithBaseURL(SDKConfigs.REFERER, html, "text/html", "utf-8", null);
    
        }
    

    相关文章

      网友评论

          本文标题:微信H5支付参考(android)

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