微信H5支付參考(android)

android webview 微信h5支付

原因

由于原生app支付需要驗(yàn)證包名和簽名,如果要做的是sdk,給所有其他應(yīng)用來接入,所以選擇了更為方便接入的h5支付

流程

  • 首先在官網(wǎng)申請賬號(hào)相關(guān)信息,比如本地需要的授權(quán)域名REFERER字段申請入口
  • 客戶端封裝相應(yīng)參數(shù)提交給后臺(tái),后臺(tái)調(diào)用微信api生成訂單(需要獲取客戶端ip等,微信會(huì)驗(yàn)證下單和支付環(huán)境是否一致,細(xì)節(jié)參考文檔)
  • 客戶端拿到后臺(tái)在微信生成的訂單,用webview加載調(diào)起微信發(fā)起支付

要點(diǎn)

以下調(diào)起方式存在問題,部分手機(jī)調(diào)不起微信支付,有可能是有些手機(jī)webview無法獲取重定向回調(diào),中間考慮用http去拿到重定向的地址,然后用webview去加載,果然成功調(diào)起(那時(shí)微信h5支付還沒對(duì)外開放),不料一周之后微信在js中添加Fingerprint2()驗(yàn)證,導(dǎo)致前后環(huán)境不一致,無法支付

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

解決方案,通過js去加載后臺(tái)在微信生成的訂單地址,當(dāng)然也可以像微信提供的H5參考demo一樣,http://wxpay.wxutil.com/mch/pay/h5.v2.php,下單和調(diào)起支付操作都由H5頁面調(diào)起,獲取中轉(zhuǎn)地址也在h5頁面中操作,然后用webview裝在整個(gè)H5頁面

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

另外要注意的是有些手機(jī)瀏覽器https需要驗(yàn)證證書,解決方案如下

 @Override
 public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
     //部分手機(jī)瀏覽器不支持https,所以此處需要接受證書
     handler.proceed();
 }

代碼

客戶端發(fā)起支付代碼片段

    /**
     * 調(diào)起微信客戶端發(fā)起支付
     * @param context 上下文
     * @param orderUrl  服務(wù)器下完單微信返回的訂單地址
     */
    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())) {
                    //用瀏覽器打開中轉(zhuǎn)地址,調(diào)起微信客戶端發(fā)起支付
                    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) {
                //部分手機(jī)瀏覽器不支持https,所以此處需要接受證書
                handler.proceed();
            }

        });
        //部分機(jī)型調(diào)不起打開微信中轉(zhuǎn)頁面,所以這里利用js代碼來加載訂單地址
        String html = "<script>window.location.href='" + orderUrl + "';</script>";
        webView.loadDataWithBaseURL(SDKConfigs.REFERER, html, "text/html", "utf-8", null);

    }
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,167評(píng)論 25 708
  • 1.微信app支付 微信的app支付適用于單個(gè)的app,比如公司是做app的,一共沒有幾個(gè)app,每個(gè)申請一個(gè)支付...
    惡魔殿下_HIM閱讀 13,223評(píng)論 11 29
  • 程序設(shè)計(jì)如何學(xué)習(xí) 首先我們要了解一些關(guān)于程序設(shè)計(jì)基本概念。 計(jì)算機(jī)現(xiàn)已廣泛應(yīng)用于社會(huì)生活的各個(gè)領(lǐng)域,成為大眾化的現(xiàn)...
    騎士恨煎蛋閱讀 1,335評(píng)論 0 0
  • 我提著皮箱在前頭走,她不緊不慢地跟在后面、似乎與我刻意保持著一段距離。走上站臺(tái),只有中年站務(wù)員在懶洋洋地踱著步,本...
    肇英閱讀 346評(píng)論 0 2
  • 近日,香港城市大學(xué)EMBA校友團(tuán)就來到了專注于計(jì)算視覺的手機(jī)廠商ivvi進(jìn)行了參觀調(diào)研,并達(dá)成了一系列合作。 這一...
    可能是90后最會(huì)買手機(jī)的閱讀 1,909評(píng)論 0 0

友情鏈接更多精彩內(nèi)容