java實現微信H5支付

時間 2019-11-11

標籤 java 實現微信 h5 支付欄目 Java 简体版

原文原文鏈接

前面作了app微信支付的回調處理，如今須要作微信公衆號的支付，花了一天多時間，終於折騰出來了！鑑於坑爹的微信官方沒有提供Java版的demo,因此全靠本身按照一樣坑爹的文檔敲敲敲，因此記錄下來，以供本身及後來人參考，不足之處，還請指正。javascript

首先，咱們貼出調用支付接口的H5頁面,固然，在這個頁面以前，還須要作不少其餘的操做，咱們一步一步的來。html

坑爹的官方文檔給了兩個不一樣的支付接口，在微信公衆平臺開發中文檔的「微信JS-SDK說明文檔」中，給出的支付方式是下面被屏蔽的那一部分，而在商戶平臺的「H5調起支付API」中，又給了一份不一樣的接口，即下面未屏蔽正常使用的接口。關於坑爹的微信提供了兩個不一樣的支付接口，網上搜索結果也是衆說紛紛，因此，只有本身試了。固然，爲了簡單，我直接試了下面這一種，而後奇蹟般的成功了。前端

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>微信網頁支付</title>
        
        
        <script type="text/javascript">
            /* wx.config({
                debug: true, // 開啓調試模式,調用的全部api的返回值會在客戶端alert出來，若要查看傳入的參數，能夠在pc端打開，參數信息會經過log打出，僅在pc端時纔會打印。
                appId: appid, // 必填，公衆號的惟一標識
                timestamp: timestamp, // 必填，生成簽名的時間戳
                nonceStr: nonceStr, // 必填，生成簽名的隨機串
                signature: '',// 必填，簽名，見附錄1
                jsApiList: [chooseWXPay] // 必填，須要使用的JS接口列表，全部JS接口列表見附錄2
            }); */

            // config信息驗證後會執行ready方法，全部接口調用都必須在config接口得到結果以後，config是一個客戶端的異步操做
            //因此若是須要在頁面加載時就調用相關接口，則須把相關接口放在ready函數中調用來確保正確執行
            //wx.ready(function(){
                //參數是後臺傳過來的，簽名加密，隨機數，時間戳等所有後臺處理好
                var appId="${appId}";
                var timeStamp="${timeStamp}";
                var nonceStr="${nonceStr}";
                var prepay_id="${prepay_id}";//以前參數名叫package,對應api接口，由於package是關鍵字，被坑了一次
                var sign="${paySign}";
                //支付接口
                function onBridgeReady(){
                       WeixinJSBridge.invoke(
                           'getBrandWCPayRequest', {
                               "appId" : appId,     //公衆號名稱，由商戶傳入
                               "timeStamp" : timeStamp, //時間戳，自1970年以來的秒數 (java須要處理成10位才行，又一坑)
                               "nonceStr" : nonceStr, //隨機串
                               "package" : prepay_id, //拼裝好的預支付標示
                               "signType" : "MD5",//微信簽名方式
                               "paySign" : sign //微信簽名
                           },
                           function(res){
                                //使用如下方式判斷前端返回,微信團隊鄭重提示：res.err_msg將在用戶支付成功後返回    ok，但並不保證它絕對可靠。
                               if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                                    alert("支付成功");
                               }else{
                                    alert("支付失敗");
                               }
                           }
                       );
                }
                if (typeof(WeixinJSBridge) == "undefined"){
                   if( document.addEventListener ){
                       document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
                   }else if (document.attachEvent){
                       document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
                       document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
                   }
                }else{
                   onBridgeReady();
                }
            //});
            //究竟哪一個是支付接口
            /* wx.chooseWXPay({
                timestamp: timestamp, // 支付簽名時間戳，注意微信jssdk中的全部使用timestamp字段均爲小寫。但最新版的支付後臺生成簽名使用的timeStamp字段名需大寫其中的S字符
                nonceStr: nonceStr, // 支付簽名隨機串，不長於 32 位
                package: 'prepay_id', // 統一支付接口返回的prepay_id參數值，提交格式如：prepay_id=***）
                signType: 'MD5', // 簽名方式，默認爲'SHA1'，使用新版支付需傳入'MD5'
                paySign: sign, // 支付簽名
                success: function (res) {
                    // 支付成功後的回調函數
                    //使用如下方式判斷前端返回,微信團隊鄭重提示：res.err_msg將在用戶支付成功後返回    ok，但並不保證它絕對可靠。
                    if(res.err_msg == "get_brand_wcpay_request:ok" ) {

                    }
                }
            }); */
        </script>
    </head>
    <body>

    </body>
</html>  java

上面h5頁面中，支付接口所需的參數都是由後臺傳過來的，除此以外，在進行上面一步以前，咱們還須要獲取一個預支付標識，下面貼上後臺傳參，及獲取預支付標識和參數加密等方法（獲取預支付標識以前須要網頁受權獲取用戶openid，鑑於這個比較簡單，因此不貼代碼了）json

首先是後臺參數封裝並對其簽名（關鍵部分代碼）：api

if(payway.equals("1")){
            System.out.println("----------支付寶支付-------------");
            request.setAttribute("WIDout_trade_no", WIDout_trade_no);//訂單號
            request.setAttribute("WIDsubject", WIDsubject);//訂單名稱
            request.setAttribute("WIDtotal_fee", WIDtotal_fee);//付款金額
            request.setAttribute("WIDshow_url", WIDshow_url);//商品連接
            request.setAttribute("WIDbody", "");//商品描述，可空
            return "alipayapi";
        }else if(payway.equals("2")){
            System.out.println("----------微信支付-------------");
            //一、經過網頁受權接口，獲取到的openid
            String openid=request.getSession().getAttribute("openid")+"";
            //處理價格單位爲：分(請自行處理)
            WIDtotal_fee="1";
            String preid=getPrepayid(WIDout_trade_no, WIDtotal_fee, openid);//獲取預支付標示
            System.out.println("預支付標示：----------------"+preid);
            //APPID
            String appId=Common.appid;
            request.setAttribute("appId", appId);
            //時間戳
            String timeStamp=(System.currentTimeMillis()/1000)+"";
            request.setAttribute("timeStamp", timeStamp);
            //隨機字符串
            String nonceStr=Common.randString(16).toString();
            request.setAttribute("nonceStr", nonceStr);
            //預支付標識
            request.setAttribute("prepay_id", "prepay_id="+preid);
            //加密方式
            request.setAttribute("signType", "MD5");

            //組裝map用於生成sign
            Map<String, String> map=new HashMap<String, String>();
            map.put("appId", appId);
            map.put("timeStamp", timeStamp);
            map.put("nonceStr", nonceStr);
            map.put("package", "prepay_id="+preid);
            map.put("signType", "MD5");

            request.setAttribute("paySign", Common.sign(map, Common.MchSecret));//簽名
            return "weixinpay";
        }else {
            return "error";
        }  微信

接下是獲取預支付標識的方法getPrepayid:app

/**
     * 微信統一下單接口,獲取預支付標示prepay_id
     * @param out_trade_no1 商戶訂單號
     * @param total_fee1 訂單金額(單位:分)
     * @param openid1 網頁受權取到的openid
     * @return
     */
    @ResponseBody
    public String getPrepayid(String out_trade_no1,String total_fee1,String openid1){

        String result = "";

        String appid = Common.appid;
        String mch_id = Common.mch_id;
        String nonce_str = Common.randString(16);//生成隨機數，可直接用系統提供的方法
        String body = "E光學-商品訂單";
        String out_trade_no = out_trade_no1;
        String total_fee = total_fee1;
        String spbill_create_ip = "xxx.xxx.38.47";//用戶端ip,這裏隨意輸入的
        String notify_url = "網頁連接//支付回調地址
        String trade_type = "JSAPI";
        String openid = openid1;

        HashMap<String, String> map = new HashMap<String, String>();
        map.put("appid", appid);
        map.put("mch_id", mch_id);
        map.put("attach", "支付測試");
        map.put("device_info", "WEB");
        map.put("nonce_str", nonce_str);
        map.put("body", body);
        map.put("out_trade_no", out_trade_no);
        map.put("total_fee", total_fee);
        map.put("spbill_create_ip", spbill_create_ip);
        map.put("trade_type", trade_type);
        map.put("notify_url", notify_url);
        map.put("openid", openid);
        String sign = Common.sign(map, Common.MchSecret);//參數加密
        System.out.println("sign祕鑰:-----------"+sign);
        map.put("sign", sign);
        //組裝xml(wx就這麼變態，非得加點xml在裏面)
        String content=Common.MapToXml(map);
        //System.out.println(content);
        String PostResult=HttpClient.HttpsPost("網頁連接);
        JSONObject jsonObject=XmlUtil.XmlToJson(PostResult);//返回的的結果
        if(jsonObject.getString("return_code").equals("SUCCESS")&&jsonObject.getString("result_code").equals("SUCCESS")){
            result=jsonObject.get("prepay_id")+"";//這就是預支付id
        }
        return result;
    }  微信公衆平臺