上周做了個支付寶微信掃碼支付，今天總結一下。微信相比支付寶要麻煩許多
由於涉及到代理商，沒辦法，讓我寫個詳細的申請流程，懵逼啊。
先梳理下流程，對應的文檔
要實現微信支付需要四個參數(需要企業認證，就不說了)
- 商戶平台
- 商戶號ID，也就是商戶號。
- KEY，也就是API秘鑰。
- 公眾平台
- AppID
- AppSecret
梳理完之后，開始操作吧
第一步：參數准備和環境配置
上面的四大參數只有商戶key相對比較麻煩
商戶平台
公眾平台
四大參數准備齊以及環境配置好開始第二步了。
第二步：開發流程
必須的參數有
- appid APPID （已有）
- mch_id 商戶ID （已有）
- nonce_str 隨機字符串
- sign 簽名
- body 所支付的名稱
- out_trade_no 咱們自己所提供的訂單號,需要唯一
- total_fee 支付金額
- spbill_create_ip IP地址
- notify_url 回調地址
- trade_type 支付類型
- openid 支付人的微信公眾號對應的唯一標識
官方就是官方，看着就是費勁，大白話聽着多爽
陳海洋：
- 需要codeid，文檔地址 https://qydev.weixin.qq.com/wiki/index.php?title=OAuth%E9%AA%8C%E8%AF%81%E6%8E%A5%E5%8F%A3 。
- 根據codeid來獲取openid
- 根據openid來獲取prepare_id
- 進行下單操作。js調起微信支付
操作1，用戶授權獲取code
https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect
注意點 redirect_url需要經過encodeURI編碼。
可以使用 js內置的函數encodeURIComponent('http://www.baidu.com')來進行編碼操作
我第一反應在想，為什么需要進行url編碼，因為這個redirect_uri是作為參數來傳遞的。
之后就會重定向到你設置的url上面，並且攜帶code參數，我的后台是這么接收的
ok，code獲取完畢
操作2，get請求接口對返回的string進行json解析獲取到openid
操作3，post請求發送xml數據返回xml數據，通過官方下載的工具類實現xml轉map獲取預支付id
操作4，封裝jsapi需要的
在微信瀏覽器里面打開H5網頁中執行JS調起支付。接口輸入輸出數據格式為JSON。
ok，到此結束，微信支付成功調起。
需要注意的地方。
微信回調到時候會攜帶xml數據，這個時候並不能用參數接收，而應該是使用流來接收。
貼出完整代碼，記錄下
后台java代碼
/** * */ package com.wxpay.config; import java.io.IOException; import java.io.InputStream; import java.math.BigDecimal; import java.net.URI; import java.nio.charset.Charset; import java.util.Date; import java.util.HashMap; import java.util.Iterator; import java.util.List; import java.util.Map; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.apache.commons.lang.StringUtils; import org.apache.commons.lang.time.DateFormatUtils; import org.junit.Test; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.http.converter.StringHttpMessageConverter; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.ui.ModelMap; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.ResponseBody; import org.springframework.web.client.RestTemplate; import com.alibaba.fastjson.JSONObject; import com.alipay.api.AlipayApiException; import com.alipay.api.AlipayClient; import com.alipay.api.DefaultAlipayClient; import com.alipay.api.internal.util.AlipaySignature; import com.alipay.api.request.AlipayTradeWapPayRequest; import com.alipay.api.response.AlipayTradeWapPayResponse; import com.alipay.config.AlipayConfig; import com.jeecms.cms.entity.main.CmsSite; import com.jeecms.cms.ext.aworder.entiry.CmsAWOrder; import com.jeecms.cms.ext.aworder.service.CmsAWOrderService; import com.jeecms.cms.ext.crm.entity.CmsCrm; import com.jeecms.cms.ext.crm.service.CmsCrmMng; import com.jeecms.cms.web.CmsUtils; import com.jeecms.cms.web.FrontUtils; import com.wxpay.util.WXPayUtil; /** * @author chy * * 2019年1月15日-下午7:35:06 */ @Controller @RequestMapping("wxpay") public class WxPayController {// 公眾號id final static String APPID = "***ed9716263ff78b6"; // 公眾號秘鑰 final static String SECRET = "***2226ea83d7ef6eb799bd8b631ace0"; // 商戶號 final static String MATCH_ID = "***0674102"; //商戶號(財務) // 商戶key final static String PATERNER_KEY = "***W3E4R5T6Y7U8I9O0P1Q2W3E4R5T6Y";//商戶key(財務) // 微信通知的URL final static String W_NOTIFY_URL = "www.xinghengedu.com/notifyUrl.htm"; // 支付寶return的URL final static String A_RETURN_URL = "www.xinghengedu.com/res/success.html"; // 支付寶通知的URL final static String A_NOTIFY_URL = "www.xinghengedu.com/anotifyUrl.htm"; // 獲取openID的URL(微信) final static String GETOPENID_URL = "https://api.weixin.qq.com/sns/oauth2/access_token"; // 獲取預付款ID的URL(微信) final static String UNIFIEDORDER_URL = "https://api.mch.weixin.qq.com/pay/unifiedorder"; final static String DESC = "星恆訂單描述"; final static String ZFB = "支付寶"; final static String WX = "微信"; @Autowired private CmsAWOrderService orderService; @Autowired private CmsCrmMng cmsCrmService; /** * 微信 * @author chy * 2019年1月17日-下午2:14:31 * @param code 微信必須的code碼，需要用code碼換取openid，之后需要openid來換取prepay_id。 * @param totalFee 商品價格 * @param username 代理商用戶名 * @return * @throws Exception */ @RequestMapping("order.htm") public String order(HttpServletRequest request,String code,String totalFee,String cmsId ,ModelMap retMap) throws Exception{ System.out.println("***WxPayController.order()"); //先校驗金額，由於是double類型，校驗相對復雜，涉及到小數點。 String[] split = StringUtils.split(cmsId,","); Double verify = 0d; for (String string : split) { CmsCrm crm = cmsCrmService.findById(Integer.parseInt(string)); verify += crm.getYifu(); } // 判斷需要都轉化為分來進行判斷 if((int)(verify*100) != (int)(Double.parseDouble(totalFee)*100)){ retMap.addAttribute("chymsg", "金額錯誤"); return "/res/wxpay/codeDemo.html"; } String orderNo = getOrderNo("W");// 生成訂單id String getOpenIdparam= "appid="+APPID+"&secret="+SECRET+"&code="+code+"&grant_type=authorization_code"; String getOpenIdUrl = GETOPENID_URL+"?"+getOpenIdparam; System.out.println("***getOpenId:"+getOpenIdUrl); RestTemplate rest = new RestTemplate(); rest.getMessageConverters().add(0, new StringHttpMessageConverter(Charset.forName("UTF-8"))); try { String resString = rest.getForObject(new URI(getOpenIdUrl), String.class); JSONObject opidJsonObject = JSONObject.parseObject(resString); System.out.println("***opidJsonObject:"+opidJsonObject); String openid = opidJsonObject.get("openid").toString();//獲取到了openid Map<String, String> paramMap = new HashMap<String, String>(); paramMap.put("appid", APPID); //公眾賬號ID paramMap.put("mch_id", MATCH_ID); //商戶號 paramMap.put("nonce_str", WXPayUtil.generateNonceStr()); //隨機字符串 paramMap.put("body", DESC); //商品描述 paramMap.put("out_trade_no", orderNo); //商戶訂單號 paramMap.put("total_fee", (int)(Double.parseDouble(totalFee)*100) +""); //標價金額 paramMap.put("spbill_create_ip", getIpAddress(request));//終端IP paramMap.put("notify_url", W_NOTIFY_URL); //通知地址 paramMap.put("trade_type", "JSAPI"); //交易類型 paramMap.put("openid", openid); String sign = WXPayUtil.generateSignature(paramMap, PATERNER_KEY); paramMap.put("sign", sign); String mapToXml = WXPayUtil.mapToXml(paramMap); String postForObject = rest.postForObject(new URI(UNIFIEDORDER_URL), mapToXml, String.class); System.out.println("***postForObject:"+postForObject); String prepayId = "";//預支付id if (postForObject.indexOf("SUCCESS") != -1) { Map<String, String> map = WXPayUtil.xmlToMap(postForObject); prepayId = (String) map.get("prepay_id"); } Map<String, String> payMap = new HashMap<String, String>(); payMap.put("appId", APPID); payMap.put("timeStamp", WXPayUtil.getCurrentTimestamp()+""); payMap.put("nonceStr", WXPayUtil.generateNonceStr()); payMap.put("signType", "MD5"); payMap.put("package", "prepay_id=" + prepayId); String paySign = WXPayUtil.generateSignature(payMap, PATERNER_KEY); payMap.put("paySign", paySign); payMap.put("pack", "prepay_id=" + prepayId); retMap.addAttribute("data", payMap); //進行微信生成訂單操作 // 對中間表插入數據，如果傳入多個crmid，那就是多對一。否則就是一對一，多對多目前沒有這種情況。 for (String string : split) { CmsCrm crm = cmsCrmService.findById(Integer.parseInt(string)); orderService.insertCmsIdAndOrderId(crm.getId(),orderNo); System.out.println("中間表數據插入完畢。"); } // 對訂單表插入數據 CmsAWOrder order = new CmsAWOrder(); order.setOrderNo(orderNo); order.setRelateId(cmsId); order.setPrice(Double.parseDouble(totalFee)); order.setTotal(Double.parseDouble(totalFee)); // 由於傳過來的是分，需要轉化為元 order.setStatus(1); order.setProduct(DESC); order.setCreateTime(new Date()); order.setSource(WX); orderService.save(order); System.out.println("***微信創建訂單成功"); } catch (Exception e) { retMap.put("code", "500"); retMap.put("msg", e.getStackTrace()); e.printStackTrace(); } return "/res/wxpay/codeDemo.html"; } /** * 支付寶，測試可以使用支付寶做測試，畢竟比較簡單。 * @author chy * 2019年1月17日-下午2:14:15 * @param totalFee 商品價格 * @param username 代理商用戶名 * @return * @throws AlipayApiException */ @RequestMapping("aorder.htm") public String order(HttpServletRequest request,HttpServletResponse httpResponse,Model model,String totalFee,String cmsId) throws AlipayApiException{ CmsSite site = CmsUtils.getSite(request); System.out.println("---WxPayController.order()"); String[] split = StringUtils.split(cmsId,","); Double verify = 0d; for (String string : split) { CmsCrm crm = cmsCrmService.findById(Integer.parseInt(string)); verify += crm.getYifu(); } // 判斷需要都轉化為分來進行判斷 if((int)(verify*100) != (int)(Double.parseDouble(totalFee)*100)){ model.addAttribute("chymsg", "金額錯誤"); return FrontUtils.getTplPath(request, site.getSolutionPath(), "common", "tpl.alipayapi"); } System.out.println("***zfbtotalFee:"+totalFee); AlipayClient alipayClient = new DefaultAlipayClient(AlipayConfig.gatewayUrl, AlipayConfig.app_id,AlipayConfig.merchant_private_key, "json", "UTF-8", AlipayConfig.alipay_public_key,AlipayConfig.sign_type); AlipayTradeWapPayRequest alipayRequest = new AlipayTradeWapPayRequest();//創建API對應的request alipayRequest.setReturnUrl(A_RETURN_URL); alipayRequest.setNotifyUrl(A_NOTIFY_URL); String out_trade_no = getOrderNo("A"); alipayRequest.setBizContent("{" + "\"out_trade_no\":\""+out_trade_no+"\"," + "\"total_amount\":"+totalFee+"," + "\"product_code\":\"QUICK_WAP_WAY\","+ "\"hb_fq_num\":\"3\","+ "\"hb_fq_seller_percent\":\"0\","+ "\"subject\":\""+DESC+"\"" + "}"); AlipayTradeWapPayResponse response = alipayClient.pageExecute(alipayRequest); model.addAttribute("results", response.getBody()); System.out.println("results"+response.getBody()); //進行支付寶生成訂單操作 // 對中間表插入數據，如果傳入多個crmid，那就是多對一。否則就是一對一，多對多目前沒有這種情況。 for (String string : split) { CmsCrm crm = cmsCrmService.findById(Integer.parseInt(string)); orderService.insertCmsIdAndOrderId(crm.getId(),out_trade_no); System.out.println("中間表數據插入完畢。"); } // 對訂單表插入數據 CmsAWOrder order = new CmsAWOrder(); order.setOrderNo(out_trade_no); order.setRelateId(cmsId); order.setPrice(Double.parseDouble(totalFee)); order.setTotal(Double.parseDouble(totalFee)); // 由於傳過來的是分，需要轉化為元 order.setStatus(1); order.setProduct(DESC); order.setCreateTime(new Date()); order.setSource(ZFB); orderService.save(order); System.out.println("***支付寶創建訂單成功"); return FrontUtils.getTplPath(request, site.getSolutionPath(), "common", "tpl.alipayapi"); } // 業務操作 public void operation(String oderNo,String zfType){ CmsAWOrder order = orderService.findByProperty("orderNo", oderNo); // 由於會重復通知(自己沒有處理好),所以直接判斷訂單狀態如果修改的話不進行操作。 if(!new Integer(2).equals(order.getStatus())){ order.setStatus(2);//設置為支付成功 order.setPayTime(new Date()); List<Integer> cmsId = orderService.findMiddleByOrderId(oderNo); System.out.println(cmsId); for (Integer string : cmsId) { CmsCrm cmsCrm = cmsCrmService.findById(string); System.out.println("ali_cmsId:"+string); System.out.println("cmsCrm:"+cmsCrm); if("尾款".equals(cmsCrm.getPayMessage()) || cmsCrm.getYingfu().equals(cmsCrm.getYifu())){ cmsCrm.setPaystatus("全部到帳"); if(isNumber(cmsCrm.getAddress())){ CmsCrm cmsCrm2 = cmsCrmService.findById(Integer.parseInt(cmsCrm.getAddress())); cmsCrm2.setPaystatus("全部到帳"); cmsCrm2.setCwjingbanren("自動對賬_"+zfType); cmsCrm2.setDuizhangtime(new Date()); cmsCrmService.save(cmsCrm2); } // }else if(cmsCrm.getYingfu().equals(cmsCrm.getYifu())){ // cmsCrm.setPaystatus("全部到帳"); }else{ cmsCrm.setPaystatus("預付款已到帳"); } cmsCrm.setCwjingbanren("自動對賬_"+zfType); cmsCrm.setDuizhangtime(new Date()); cmsCrmService.save(cmsCrm);//開課 cmsCrmService.kaike(cmsCrm);//保存 } orderService.update(order); System.out.println(zfType+"支付通知結束"); } } /** * 微信異步回調通知 * @param request * @param response * @return */ @ResponseBody @RequestMapping("notifyUrl.htm") public Map<String, Object> notifyUrl(HttpServletRequest request,HttpServletResponse response){ System.out.println("**WxPayController.notifyUrl()"); Map<String, Object> retMap = new HashMap<String, Object>(); retMap.put("code", 200); InputStream is = null; try { is = request.getInputStream();//獲取請求的流信息(這里是微信發的xml格式所有只能使用流來讀) String xml = WXPayUtil.inputStream2String(is, "UTF-8"); System.out.println("***xml:"+xml); Map<String, String> notifyMap = WXPayUtil.xmlToMap(xml);//將微信發的xml轉map System.out.println("***notifyMap:"+notifyMap); if(notifyMap.get("return_code").equals("SUCCESS")){ if(notifyMap.get("result_code").equals("SUCCESS")){ String ordersSn = notifyMap.get("out_trade_no");//商戶訂單號 String amountpaid = notifyMap.get("total_fee");//實際支付的訂單金額:單位 分 BigDecimal amountPay = (new BigDecimal(amountpaid).divide(new BigDecimal("100"))).setScale(2);//將分轉換成元-實際支付金額:元 System.out.println("***notifyUrl.htm data:"+ordersSn+"---"+amountPay); // 進行業務邏輯操作 operation(ordersSn, WX); } } //告訴微信服務器收到信息了，不要在調用回調action了========這里很重要回復微信服務器信息用流發送一個xml即可 response.getWriter().write("<xml><return_code><![CDATA[SUCCESS]]></return_code></xml>"); is.close(); } catch (Exception e) { e.printStackTrace(); } return retMap; } @ResponseBody @RequestMapping("anotifyUrl.htm") public Map<String, Object> anotifyUrl(HttpServletRequest request){ System.out.println("***WxPayController.anotifyUrl()"); Map<String, Object> retMap = new HashMap<String, Object>(); retMap.put("code", 200); //進行驗證操作 Map<String, String> params = new HashMap<String, String>(); Map requestParams = request.getParameterMap(); System.out.println("***requestParams:"+requestParams); for (Iterator iter = requestParams.keySet().iterator(); iter.hasNext();) { String name = (String) iter.next(); System.out.println("___________name:"+name); String[] values = (String[]) requestParams.get(name); String valueStr = ""; for (int i = 0; i < values.length; i++) valueStr = (i == values.length - 1) ? valueStr + values[i] : valueStr + values[i] + ","; params.put(name, valueStr); } String trade_status = request.getParameter("trade_status"); boolean signVerified; try { signVerified = AlipaySignature.rsaCheckV1(params, AlipayConfig.alipay_public_key, AlipayConfig.charset, AlipayConfig.sign_type); if(signVerified){//驗證成功 System.out.println("***支付寶驗證成功"); if (trade_status.equals("TRADE_FINISHED") || trade_status.equals("TRADE_SUCCESS")) { System.out.println("***判斷成功"); // 進行業務邏輯操作 String out_trade_no = request.getParameter("out_trade_no"); operation(out_trade_no, ZFB); } } else { System.out.println("***驗證錯誤"); } } catch (AlipayApiException e) { e.printStackTrace(); } return retMap; } // 獲取訂單id 規則：當前日期_uuid(17位，總共32位) 支付寶64位。 public static String getOrderNo(String type){ return DateFormatUtils.format(new Date(), "yyyyMMddHHmmss")+"_"+type+"_"+WXPayUtil.generateNonceStr().substring(0, 15); } // 獲取請求主機IP地址,如果通過代理進來，則透過防火牆獲取真實IP地址 public final static String getIpAddress(HttpServletRequest request) throws IOException { String ip = request.getHeader("X-Forwarded-For"); if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) { if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) { ip = request.getHeader("Proxy-Client-IP"); } if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) { ip = request.getHeader("WL-Proxy-Client-IP"); } if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) { ip = request.getHeader("HTTP_CLIENT_IP"); } if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) { ip = request.getHeader("HTTP_X_FORWARDED_FOR"); } if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) { ip = request.getRemoteAddr(); } } else if (ip.length() > 15) { String[] ips = ip.split(","); for (int index = 0; index < ips.length; index++) { String strIp = (String) ips[index]; if (!("unknown".equalsIgnoreCase(strIp))) { ip = strIp; break; } } } return ip; } public boolean isNumber(String string){ String str = String.valueOf(string); String regex = "^[1-9]\\d*$"; return str.matches(regex); } }
前端html代碼（兩個頁面，集成了支付寶支付，微信怕因為code失效問題，解決方式重新添加了一個html）
cmsDemo.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <title>支付</title> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <style> body{background-color:#efeff4;} .main{padding:15px;height:100vh;} .mobile-box{padding:30px;background-color:#fff;} .mobile-top h2{font-size:18px;color:#000;} .mobile-content h3 img{margin-right:5px;} .mobile-content h3{font-size:14px;color:#b2b2b2;} .input-num{border-bottom: 1px solid #dcdcdc;margin-bottom: 5vh;padding-top: 5vh;} .input-num .tit{font-size:16px;color:#999;} .input-num .pay{position:relative;line-height: 50px;margin:10px 0;} .input-num .pay input{padding-left: 30px;line-height: 50px;border:none;outline:none;} .input-num .pay span.jinbi{font-weight:bold;color:#000;font-size:24px;position: absolute;left: 0;top: 0;} .pay-click a.nopay{cursor: pointer;background-color: #a3dea3;color: #fff;width: 100%;display: block;border-radius: 5px;line-height: 50px;font-size: 20px;} .pay-click a.pay{background-color:#1aac19;} input[type=number] {-moz-appearance:textfield;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;} @media(min-width:720px){ .mobile-box{width:720px;margin:0 auto;} } </style> </head> <body> <div class="main"> <div class="mobile-box"> <div class="mobile-top "> <div class="back"> <i class="fa fa-angle-left fa-2x"></i> </div> <h2 class="top-center color21">北京星恆教育科技有限公司</h2> <div class="back"></div> </div> <div class="mobile-content"> <h3 class="color21 font"> <img src="http://img1.52mamahome.com/hotel/homes.png" class="mr10" alt="">北京星恆教育科技有限公司</h3> <div class="input-num"> <div class="tit">金額</div> <div class="pay"> <span class="jinbi">￥</span> <input type="number" class="w-100" id="totalFee" readonly="readonly"> </div> </div> <p class="text-center pay pay-click" id="goPay" onclick="pay()"><a class="nopay pay">支付</a></p> </div> </div> </div> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.min.js"></script> <script> $("#totalFee").val(GetQueryString("totalFee")); // 獲取url參數 function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return unescape(r[2]); return null; } if (navigator.userAgent.indexOf("AlipayClient") > 0) { //window.location.href="http://www.xinghengedu.com/res/wxpay/demo.html"; } else if (navigator.userAgent.indexOf("MicroMessenger") > 0) { // window.location.href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxced9716263ff78b6&redirect_uri=http%3a%2f%2fwww.xinghengedu.com%2fres%2fwxpay%2fdemo.html&response_type=code&scope=snsapi_base#wechat_redirect"; }else{ alert("請使用微信或者支付寶支付"); } function pay() { var rootUrl = "http://www.xinghengedu.com"; var param = "?totalFee="+GetQueryString("totalFee")+"&cmsId="+GetQueryString("cmsId"); if (navigator.userAgent.indexOf("AlipayClient") > 0) { var aUrl = "/wxpay/aorder.htm"; //window.location.href="http://www.xinghengedu.com/wxpay/aorder.htm?totalFee="+totalFee; window.location.href = rootUrl + aUrl + param; } else if (navigator.userAgent.indexOf("MicroMessenger") > 0) { //var redirect_url = "http%3a%2f%2fwww.xinghengedu.com%2fres%2fwxpay%2fcodeDemo.html%3ftotalFee%3d"+totalFee; //var wUrl = "/res/wxpay/codeDemo.html"; var wUrl = "/wxpay/order.htm"; var redirect_url = rootUrl + wUrl + param; //alert(redirect_url); var wxUrl = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxced9716263ff78b6&redirect_uri="+encodeURIComponent(redirect_url)+"&response_type=code&scope=snsapi_base#wechat_redirect"; //alert("微信："+wxUrl); window.location.href=wxUrl; } } </script> </body> </html>
codeDemo.html
<#if chymsg??> alert('${chymsg}'); <#else> function onBridgeReady(){ try{ WeixinJSBridge.invoke( 'getBrandWCPayRequest', { "appId":"${data.appId}", //公眾號名稱，由商戶傳入 "timeStamp":"${data.timeStamp}", //時間戳，自1970年以來的秒數 "nonceStr":"${data.nonceStr}", //隨機串 "package":"${data.pack}", "signType":"MD5", //微信簽名方式： "paySign":"${data.paySign}" //微信簽名 }, function(res){ //alert(JSON.stringify(res)); if(res.err_msg == "get_brand_wcpay_request:ok" ){ window.location.href = "http://www.xinghengedu.com/res/wxpay/success.html"; // 使用以上方式判斷前端返回,微信團隊鄭重提示： //res.err_msg將在用戶支付成功后返回ok，但並不保證它絕對可靠。 } }); }catch(e){ alert(e); } } </#if> 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(); }
ok,finish.