使用weixin-java-tools完成微信授權(quán)登錄、微信支付的示例
本文為學(xué)習(xí)記錄weixin-java-tools實現(xiàn)公眾號微信支付.
碼云地址:點我
// 授權(quán)登錄用到 <dependency> <groupId>com.github.binarywang</groupId> <artifactId>weixin-java-mp</artifactId> <version>3.1.0</version> </dependency>
// 微信支付用到 <dependency> <groupId>com.github.binarywang</groupId> <artifactId>weixin-java-pay</artifactId> <version>3.1.0</version> </dependency>
授權(quán)登錄官方 api:點我
個人理解的授權(quán)登錄流程:引導(dǎo)用戶點擊喚起授權(quán)登錄的地址,打開頁面后攜帶微信返回的code參數(shù);使用code參數(shù)獲取AccessToken;獲取用戶數(shù)據(jù)。
引導(dǎo)客戶打開授權(quán)登錄地址后,攜帶code跳轉(zhuǎn)到指定頁面在指定頁面調(diào)用方法:
public Result getAccessToken(@RequestParam(name = "code") String code, HttpServletRequest request, HttpServletResponse response) { if (StringUtils.isBlank(code)) { return Result.error("code不存在"); } try { WxMpOAuth2AccessToken wxMpOAuth2AccessToken = wxMpService.oauth2getAccessToken(code); String accessToken = wxMpOAuth2AccessToken.getAccessToken(); // 獲取用戶微信賬戶信息 WxMpUser wxMpUser = wxMpService.getUserService().userInfo(wxMpOAuth2AccessToken.getOpenId()); if (StringUtils.isBlank(wxMpUser.getOpenId())) { return Result.error("用戶數(shù)據(jù)不存在"); } return Result.success(wxMpUser); } catch (WxErrorException e) { e.printStackTrace(); log.info("授權(quán)異常:{}", e); return Result.error("授權(quán)登錄失敗"); } catch (Exception e) { e.printStackTrace(); return Result.error("登錄失敗"); } }
前端保存下用戶信息就完事了。
個人理解的微信支付流程:用戶頁面點擊<微信支付>按鈕 后端調(diào)用 <微信統(tǒng)一下單> 統(tǒng)一下單返回參數(shù) ,前端使用 <統(tǒng)一下單>返回的參數(shù)喚起微信支付。
商戶中需要在api安全中設(shè)置很多東西... 就不一一贅述了
微信支付官方api 前端:點我
后端api點我
商戶登錄地址 點我
public Result pay(Long orderNo, HttpServletRequest request) { //查詢訂單信息 Order order = orderService.findByOrderNo(orderNo); try { WxPayUnifiedOrderRequest orderRequest = new WxPayUnifiedOrderRequest(); //獲取當(dāng)前用戶 UserInfo userInfo = RequestContextHolderUtil.getUserInfo(); orderRequest.setBody("支付內(nèi)容的說明"); //商戶號 orderRequest.setMchId(mchId); orderRequest.setAttach("xxx公司"); orderRequest.setOutTradeNo(orderNo.toString()); orderRequest.setTotalFee(BaseWxPayRequest.yuanToFen(order.getPayment().toString()));//元轉(zhuǎn)成分 orderRequest.setOpenid(userInfo.getOpenId()); orderRequest.setSpbillCreateIp(HttpUtils.getIp(request)); //我這里是微信公眾號內(nèi)打開的h5頁面 type使用 JSAPI 根據(jù)業(yè)務(wù)場景變更 orderRequest.setTradeType(WxPayConstants.TradeType.JSAPI); // 支付成功后跳轉(zhuǎn)頁面 這里需要對url進行編碼 orderRequest.setNotifyUrl("http://xxxxxxxxx"); orderRequest.setAppid(appId); // 調(diào)用sdk提供的統(tǒng)一下單方法 createOrder會返回重新組裝后的對象 建議使用這個 Object unOrder = wxService.createOrder(orderRequest); // 這個可能是偏向原生一點的統(tǒng)一下單,返回的參數(shù)有很多沒用的 或者null值 建議使用 createOrder下單 // wxService.unifiedOrder(orderRequest); return Result.success(unOrder); } catch (Exception e) { log.error("微信支付失?。∮唵翁枺簕},原因:{}", orderNo, e.getMessage()); e.printStackTrace(); return Result.error("支付失敗,請稍后重試!"); } }
前端js代碼:
前端喚起微信支付的時候可能會出一些問題,這里建議使用 console.log(res.err_desc);輸出錯誤信息
res.err_msg 只會提示支付失敗... desc會提示一些具體信息
function onBridgeReady(){ WeixinJSBridge.invoke( 'getBrandWCPayRequest', { "appId":"wx31fd1e1bad23db37", //公眾號名稱,由商戶傳入 "timeStamp":wxData.timeStamp, //時間戳,自1970年以來的秒數(shù) "nonceStr":wxData.nonceStr, //隨機串 "package":wxData.packageValue, "signType":wxData.signType, //微信簽名方式: "paySign":wxData.paySign //微信簽名 }, function(res){ console.log(res.err_desc) if(res.err_msg == "get_brand_wcpay_request:ok" ){ // 使用以上方式判斷前端返回,微信團隊鄭重提示: //res.err_msg將在用戶支付成功后返回ok,但并不保證它絕對可靠。 } }); } var wxData={}; function pay(orderId){ $.ajax({ url:"統(tǒng)一下單方法url", type:'get', data:{orderNo:orderId}, beforeSend: function (xhr) { xhr.setRequestHeader("token", $.cookie("token")); }, crossDomain: true, success:function(result){ wxData=result.data; 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(); } } }); }
注:商戶中心支付路徑設(shè)置 所有調(diào)起微信支付的頁面都要在此注冊,否則微信支付會一閃而過。
微信開發(fā)工具上可以模擬授權(quán)登錄,但是無法模擬微信支付,所以微信支付在微信開發(fā)工具上出現(xiàn)的錯誤都不用管,直接拿到真機上去測試!
使用了sdk后的支付和授權(quán)還是很方便的,麻煩的是微信方面的一些配置和流程... 很坑。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
js限制文本框只能輸入整數(shù)或者帶小數(shù)點的數(shù)字
如何用js限制文本框輸入,只允許輸入整數(shù)或帶一位小數(shù)的浮點數(shù),本文分享一例代碼,有需要的朋友參考下2015-04-04Bootstrap打造一個左側(cè)折疊菜單的系統(tǒng)模板(一)
這篇文章主要介紹了Bootstrap打造一個左側(cè)折疊菜單的系統(tǒng)模板(一)的相關(guān)資料,需要的朋友可以參考下2016-05-05IE6、IE7中setAttribute不支持class/for/rowspan/colspan等屬性
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等屬性的說明,需要的朋友可以參考下。2011-08-08JavaScript中實現(xiàn)sprintf、printf函數(shù)
這篇文章主要介紹了JavaScript中實現(xiàn)sprintf、printf函數(shù),這兩個函數(shù)在大多數(shù)編程語言中都有,但JS中卻沒有,本文介紹在js中實現(xiàn)這兩個函數(shù)功能,需要的朋友可以參考下2015-01-01找出字符串中出現(xiàn)次數(shù)最多的字母和出現(xiàn)次數(shù)精簡版
找出字符串中出現(xiàn)次數(shù)最多的字母和出現(xiàn)次數(shù)精簡版,有需求的朋友可以參考下2012-11-11詳解使用grunt完成requirejs的合并壓縮和js文件的版本控制
這篇文章主要介紹了詳解使用grunt完成requirejs的合并壓縮和js文件的版本控制 ,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2017-03-03