溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

使用weixin-java-tools完成微信授權(quán)登錄、微信支付的示例

發(fā)布時間：2020-09-19 13:36:08 來源：腳本之家 閱讀：317 作者：hao_ 欄目：web開發(fā)

本文為學(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 {
      WxMpOAuth3AccessToken wxMpOAuth3AccessToken = wxMpService.oauth3getAccessToken(code);
      String accessToken = wxMpOAuth3AccessToken.getAccessToken();
      // 獲取用戶微信賬戶信息
      WxMpUser wxMpUser = wxMpService.getUserService().userInfo(wxMpOAuth3AccessToken.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)打開的h6頁面 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í)有所幫助，也希望大家多多支持億速云。

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手