1.微信支付也有不少種方式,今天咱們所介紹的是公衆號支付這種方式。這也是本人第一次進行微信開發,可能有一些地方介紹不到位,請見諒。php
2.開發前準備,咱們先去https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=11_1將一些工具下載下來,其實也能夠本身寫,只不過會有些麻煩,咱們能夠直接下載來使用。選擇html
Java版本【微信支付】API對應的SDK和調用示例的工具下載。json
3.生成超連接跳轉到咱們的充值頁面。api
4.前臺調用js進行異步發起下單請求。微信
5.後臺接收到前臺發起的請求,獲取前臺發過來的信息,將信息進行封裝進行統一下單,須要加入到Map的信息有:appid(公衆帳號ID)、mch_id(商戶號)、body(商品描述)、device_info(設備號)、out_trade_no(商戶訂單號)、fee_type(標價幣種)、total_fee(標價金額)、spbill_create_ip(終端IP)、notify_url(通知地址)、trade_type(交易類型)、openid(用戶標識)、nonce_str(隨機字符串);也能夠加入其它的,能夠參考:https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_1,其中的請求參數,其中必填是的屬於必須的,其它的能夠視狀況而定。調用wxpay.unifiedOrder(map)生成訂單。微信開發
6.獲取訂單中的appId、timeStamp、nonceStr、package(值爲prepay_id:prepay_id就是指下單時生成的訂單id)、signType的值調用generateSignature(Map)生成簽名,將生成的簽名存放到五生成的訂單中使用json的格式返回到前臺中,此時前臺能夠獲取後臺傳過來的值,接着前臺調用callpay();在onBridgeReady()中,須要獲取的值有:appId、timeStamp、nonceStr、package、signType、paySign(可能少一個都有可能回調不到微信輸入密碼頁面),當出現微信密碼輸入頁面的時候,咱們就成功了一大半了。app
7.支付成功後,接着開始處理後臺回調,也就是notify_url裏面的地址。注意:接收微信支付異步通知回調地址也是有要求:通知url必須爲直接可訪問的url,不能攜帶參數。同時,咱們能夠獲取支付結果,咱們們使用裏面的參數生成一個本地簽名,同時和結果集裏面的簽名比較,同樣咱們就能夠進行咱們的業務處理。處理完成後咱們還要給通知一個迴應,否則它會每隔一段時間它會再請求。異步
8.開發結束。工具
代碼以下:post
(1)、充值頁面
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"> <meta name="format-detection" content="telephone=no"> <title>微信充值</title> </head> <body> <div class="vbox"> <div class="content"> <ul class="rechange-choose clearfix" id="rechange-choose"> <li class="active"><button class="btn btn-hollow-primary btn-w-per-100" data-value="30"><span class="money">30</span>元</button></li> <li><button class="btn btn-hollow-primary btn-w-per-100" data-value="50"><span class="money">50</span>元</button></li> <li><button class="btn btn-hollow-primary btn-w-per-100" data-value="100"><span class="money">100</span>元</button></li> <li><button class="btn btn-hollow-primary btn-w-per-100" data-value="200"><span class="money">200</span>元</button></li> </ul> <div class="rechange-btn"> <button id="rechangeBtn" class="btn btn-primary btn-w-per-100">當即充值</button> </div> </div> </div> </body> <script> (function () { var prepay_id, paySign, appId, timeStamp, nonceStr, packageStr, signType, orderNo; function onBridgeReady(){ WeixinJSBridge.invoke( 'getBrandWCPayRequest', { "appId" : appId, //公衆號名稱,由商戶傳入 "timeStamp" : timeStamp, //時間戳數 "nonceStr" : nonceStr , //隨機串 "package":"prepay_id="+prepay_id, "signType" : 'MD5', //微信簽名方式: "paySign" : paySign //微信簽名 }, function(res){ var last = JSON.stringify(res); //將JSON對象轉化爲JSON字符 if(res.err_msg === "get_brand_wcpay_request:ok" ) { } if (res.err_msg === "get_brand_wcpay_request:cancel") { alert("交易取消"); } if (res.err_msg === "get_brand_wcpay_request:fail") { alert("支付失敗"); } } ); } function callpay(){ 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(); } } /*點擊支付*/ $('#rechangeBtn').on('click', function () { payPublic(); }); function payPublic() { var url = "支付處理地址"; Http.post(url, { type : "add", oppendId : '${oppendId!}', total_fee:currentMoney }, function (data) { prepay_id = data.prepay_id; paySign = data.sign; appId = data.appid; timeStamp = data.timeStamp; nonceStr = data.nonce_str; callpay(); }, function (err) { }); } }()); </script> </html>
(2)、充值處理
protected ModelAndView handleRequestInternal(HttpServletRequest request, HttpServletResponse response) throws Exception { String type = request.getParameter("type"); String oppendId = request.getParameter("oppendId"); if (type != null) { if (type.equals("toadd")) { return new ModelAndView("weixin/pay/add").addObject("oppendId",oppendId); } else if (type.equals("add")) { /** * 公衆號支付 下單 */ WXPayConfigImpl config =WXPayConfigImpl.getInstance(); WXPay wxpay = new WXPay(config); String totalFree=request.getParameter("total_fee"); String out_trade_no = UtilPramKey.getPriamKey("P");//訂單號 double free =Double.valueOf(totalFree); free=free*100; totalFree=(int)free+""; HashMap<String, String> data = new HashMap<String, String>(); data.put("appid",config.getAppID()); data.put("mch_id",config.getMchID()); data.put("body", "產品描述"); data.put("device_info", "WEB"); data.put("out_trade_no", out_trade_no); data.put("fee_type", "CNY"); data.put("total_fee", totalFree); data.put("spbill_create_ip", "123.12.12.123"); data.put("notify_url", "異步通知地址"); data.put("trade_type", "JSAPI"); data.put("openid", oppendId); data.put("nonce_str", "隨機數");//隨機數 try { Map<String, String> r = wxpay.unifiedOrder(data); JSONObject js222 =new JSONObject(r); Date d =new Date(); if(r.get("return_code").equals("SUCCESS") && r.get("result_code").equals("SUCCESS")){ //業務處理模塊點 }else{ //下單失敗 } String timestr= d.getTime()/1000+""; r.put("timeStamp", timestr); String prepay_id=r.get("prepay_id"); Map<String, String> payMap = new HashMap<String, String>(); payMap.put("appId", config.getAppID()); payMap.put("timeStamp", timestr); payMap.put("nonceStr", r.get("nonce_str")); payMap.put("package", "prepay_id="+prepay_id); payMap.put("signType", "MD5"); String paySign = WXPayUtil.generateSignature(payMap, config.getKey()); r.put("sign", paySign); JSONObject js =new JSONObject(r); writeStringToResponse(js.toString(),response); } catch (Exception e) { e.printStackTrace(); } } } } return null; }
(3)、異步回調處理
protected ModelAndView handleRequestInternal(HttpServletRequest request, HttpServletResponse response) throws Exception { String re = getNotify(request); writeStringToResponse(re, response); return null; } public String getNotify(HttpServletRequest request) { String result = null; String inlength; String notifyXml = ""; try { while ((inlength = request.getReader().readLine()) != null) { notifyXml += inlength; } } catch (IOException e) {
//獲取XML錯誤 }if (StringUtils.isEmpty(notifyXml)) {
//xml爲空 } try { Map<String, String> map = WXPayUtil.xmlToMap(notifyXml); String appid=map.get("appid"); String bank_type=map.get("bank_type"); String cash_fee=map.get("cash_fee"); String device_info=map.get("device_info"); String fee_type=map.get("fee_type"); String is_subscribe=map.get("is_subscribe"); String mch_id=map.get("mch_id"); String nonce_str=map.get("nonce_str"); String openid=map.get("openid"); String out_trade_no=map.get("out_trade_no"); String result_code = map.get("result_code"); String return_code = map.get("return_code"); String sign=map.get("sign"); String time_end=map.get("time_end"); String total_fee=map.get("total_fee"); String trade_type=map.get("trade_type"); String transaction_id=map.get("transaction_id"); Map<String, String> date=new HashMap<>(); date.put("appid", appid); date.put("bank_type", bank_type); date.put("cash_fee", cash_fee); date.put("device_info", device_info); date.put("fee_type", fee_type); date.put("is_subscribe", is_subscribe); date.put("mch_id", mch_id); date.put("nonce_str", nonce_str); date.put("openid", openid); date.put("out_trade_no", out_trade_no); date.put("result_code", result_code); date.put("return_code", return_code); date.put("time_end", time_end); date.put("total_fee", total_fee); date.put("trade_type", trade_type); date.put("transaction_id", transaction_id); WXPayConfigImpl config = WXPayConfigImpl.getInstance(); String localSign=WXPayUtil.generateSignature(date, config.getKey()); if(localSign.equals(sign)){if (result_code.equals("SUCCESS") && return_code.equals("SUCCESS")) { //業務模塊處理點 }else { //簽名失敗 } } catch (Exception e) { //轉化XML錯誤 e.printStackTrace(); } //正確的結果要分上面幾個不同返回,不能這樣只返回一個 result = "<xml>" + "<return_code><![CDATA[SUCCESS]]></return_code>" + "<return_msg><![CDATA[OK]]></return_msg>" + "</xml> "; return result;
}
(如若哪裏存在漏洞請多多提出來,很是感謝)