摘要：統(tǒng)一下單方法注商戶(hù)中心支付路徑設(shè)置所有調(diào)起微信支付的頁(yè)面都要在此注冊(cè)，否則微信支付會(huì)一閃而過(guò)。至此微信支付完成。

作者碼云地址：點(diǎn)我

        // 授權(quán)登錄用到
        
            com.github.binarywang
            weixin-java-mp
            3.1.0
        

        // 微信支付用到
        
            com.github.binarywang
            weixin-java-pay
            3.1.0
        

授權(quán)登錄官方 api：點(diǎn)我

個(gè)人理解的授權(quán)登錄流程：引導(dǎo)用戶(hù)點(diǎn)擊喚起授權(quán)登錄的地址，打開(kāi)頁(yè)面后攜帶微信返回的code參數(shù)；使用code參數(shù)獲取AccessToken；獲取用戶(hù)數(shù)據(jù)。
引導(dǎo)客戶(hù)打開(kāi)授權(quán)登錄地址后，攜帶code跳轉(zhuǎn)到指定頁(yè)面在指定頁(yè)面調(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();
            // 獲取用戶(hù)微信賬戶(hù)信息
            WxMpUser wxMpUser = wxMpService.getUserService().userInfo(wxMpOAuth2AccessToken.getOpenId());
            if (StringUtils.isBlank(wxMpUser.getOpenId())) {
                return Result.error("用戶(hù)數(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("登錄失敗");
        }
    }

前端保存下用戶(hù)信息就完事了。

個(gè)人理解的微信支付流程：用戶(hù)頁(yè)面點(diǎn)擊<微信支付>按鈕 后端調(diào)用 <微信統(tǒng)一下單> 統(tǒng)一下單返回參數(shù) ，前端使用 <統(tǒng)一下單>返回的參數(shù)喚起微信支付。
商戶(hù)中需要在api安全中設(shè)置很多東西... 就不一一贅述了
微信支付官方api 前端：點(diǎn)我
后端api點(diǎn)我
商戶(hù)登錄地址 點(diǎn)我

public Result pay(Long orderNo, HttpServletRequest request) {
        
        //查詢(xún)訂單信息
        Order order = orderService.findByOrderNo(orderNo);

        try {
            WxPayUnifiedOrderRequest orderRequest = new WxPayUnifiedOrderRequest();
            //獲取當(dāng)前用戶(hù)
            UserInfo userInfo = RequestContextHolderUtil.getUserInfo();
            orderRequest.setBody("支付內(nèi)容的說(shuō)明");
            //商戶(hù)號(hào)
            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));
            //我這里是微信公眾號(hào)內(nèi)打開(kāi)的h5頁(yè)面 type使用 JSAPI  根據(jù)業(yè)務(wù)場(chǎng)景變更
            orderRequest.setTradeType(WxPayConstants.TradeType.JSAPI);

            // 支付成功后跳轉(zhuǎn)頁(yè)面   這里需要對(duì)url進(jìn)行編碼
            orderRequest.setNotifyUrl("http://xxxxxxxxx");
            orderRequest.setAppid(appId);
            
            // 調(diào)用sdk提供的統(tǒng)一下單方法  createOrder會(huì)返回重新組裝后的對(duì)象  建議使用這個(gè) 
            Object unOrder = wxService.createOrder(orderRequest);
            // 這個(gè)可能是偏向原生一點(diǎn)的統(tǒng)一下單，返回的參數(shù)有很多沒(méi)用的 或者null值  建議使用 createOrder下單
            // wxService.unifiedOrder(orderRequest); 
            
            return Result.success(unOrder);
        } catch (Exception e) {
            log.error("微信支付失??！訂單號(hào)：{},原因:{}", orderNo, e.getMessage());
            e.printStackTrace();
            return Result.error("支付失敗，請(qǐng)稍后重試！");
        }
    }

前端js代碼：
前端喚起微信支付的時(shí)候可能會(huì)出一些問(wèn)題，這里建議使用 console.log(res.err_desc);輸出錯(cuò)誤信息
res.err_msg 只會(huì)提示支付失敗... desc會(huì)提示一些具體信息

function onBridgeReady(){
    WeixinJSBridge.invoke(
        "getBrandWCPayRequest", {
            "appId":"wx31fd1e1bad23db37",     //公眾號(hào)名稱(chēng)，由商戶(hù)傳入
            "timeStamp":wxData.timeStamp,         //時(shí)間戳，自1970年以來(lái)的秒數(shù)
            "nonceStr":wxData.nonceStr, //隨機(jī)串
            "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" ){
                // 使用以上方式判斷前端返回,微信團(tuán)隊(duì)鄭重提示：
                //res.err_msg將在用戶(hù)支付成功后返回ok，但并不保證它絕對(duì)可靠。
            }
        });
}
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();
            }
        }
    });
}

注：商戶(hù)中心支付路徑設(shè)置 所有調(diào)起微信支付的頁(yè)面都要在此注冊(cè)，否則微信支付會(huì)一閃而過(guò)。
微信開(kāi)發(fā)工具上可以模擬授權(quán)登錄，但是無(wú)法模擬微信支付，所以微信支付在微信開(kāi)發(fā)工具上出現(xiàn)的錯(cuò)誤都不用管，直接拿到真機(jī)上去測(cè)試！

使用了sdk后的支付和授權(quán)還是很方便的，麻煩的是微信方面的一些配置和流程... 很坑。
感謝sdk作者。
至此微信支付完成。
記錄下代碼方便下次使用。