微信Navite扫二维码支付

最新推荐文章于 2024-02-29 15:00:27 发布
最新推荐文章于 2024-02-29 15:00:27 发布
阅读量796 收藏
点赞数
分类专栏： springboot 微信支付 文章标签： java spring boot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38948287/article/details/115008388
版权

场景：springboot网页点击缴费，弹出二维码，支付成功后回调服务器，保存订单信息。

1.先导入包，返回二维码链接，采用第三方包qrcode-utils生成图片。

        <dependency>
            <groupId>com.github.binarywang</groupId>
            <artifactId>weixin-java-pay</artifactId>
            <version>4.0.0</version>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <scope>provided</scope>
        </dependency>
        <dependency>
            <groupId>com.github.binarywang</groupId>
            <artifactId>qrcode-utils</artifactId>
            <version>1.1</version>
        </dependency>

2. 在后台获取配置信息，写在yml

3.写个属性类，读取yml文件

@Data
@ConfigurationProperties(prefix = "wx.pay")
public class WxPayProperties {
    private String appId;
    private String mchId;
    private String mchKey;
    private String subMchId;
    private String certPath;
    private String apiV3Key;
    private String privateKeyPath;
    private String privateCertPath;
    private String notifyUrl;
}

 

4.写个配置类，把配置文件属性注入WxPayService

package com.ruoyi.web.controller.onlinepay.config;

import com.github.binarywang.wxpay.service.WxPayService;
import com.github.binarywang.wxpay.service.impl.WxPayServiceImpl;
import com.ruoyi.common.utils.StringUtils;
import lombok.AllArgsConstructor;
import org.springframework.boot.autoconfigure.condition.ConditionalOnClass;
import org.springframework.boot.autoconfigure.condition.ConditionalOnMissingBean;
import org.springframework.boot.context.properties.EnableConfigurationProperties;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

@Configuration
@ConditionalOnClass(WxPayService.class)
@EnableConfigurationProperties(WxPayProperties.class)
@AllArgsConstructor
public class WxPayConfig {
    private WxPayProperties properties;
    @Bean
    @ConditionalOnMissingBean
    public WxPayService wxService() {
        com.github.binarywang.wxpay.config.WxPayConfig payConfig = new com.github.binarywang.wxpay.config.WxPayConfig();
        payConfig.setAppId(StringUtils.trimToNull(this.properties.getAppId()));
        payConfig.setMchId(StringUtils.trimToNull(this.properties.getMchId()));
        payConfig.setMchKey(StringUtils.trimToNull(this.properties.getMchKey()));
        payConfig.setKeyPath(StringUtils.trimToNull(this.properties.getCertPath()));
        payConfig.setNotifyUrl(StringUtils.trimToNull(this.properties.getNotifyUrl()));
        payConfig.setSubMchId(StringUtils.trimToNull(this.properties.getSubMchId()));
        // 可以指定是否使用沙箱环境
        payConfig.setUseSandboxEnv(false);
        WxPayService wxPayService = new WxPayServiceImpl();
        wxPayService.setConfig(payConfig);
        return wxPayService;
    }
}

5. 写个实现类WeChatService，实现类实现预支付wxPayService.unifiedOrder(wrequest)

  public WxPayUnifiedOrderResult createUnifiedOrder(SysChargeVoucher sysChargeVoucher, HttpServletRequest request);

package com.ruoyi.web.controller.onlinepay.service.impl;

import cn.hutool.json.JSONObject;
import com.github.binarywang.wxpay.bean.order.WxPayMwebOrderResult;
import com.github.binarywang.wxpay.bean.request.WxPayUnifiedOrderRequest;
import com.github.binarywang.wxpay.bean.result.WxPayUnifiedOrderResult;
import com.github.binarywang.wxpay.constant.WxPayConstants;
import com.github.binarywang.wxpay.exception.WxPayException;
import com.github.binarywang.wxpay.service.WxPayService;
import com.ruoyi.system.domain.SysChargeVoucher;
import com.ruoyi.web.controller.onlinepay.config.WxPayConfig;
import com.ruoyi.web.controller.onlinepay.service.WeChatService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import javax.servlet.http.HttpServletRequest;
import java.math.BigDecimal;
import java.util.HashMap;
import java.util.Map;

@Service
public class WeChatServiceImpl implements WeChatService {
    @Autowired
    private WxPayService wxPayService;
    @Autowired(required=false)
    private WxPayUnifiedOrderRequest orderRequest;
    @Autowired
    private WxPayConfig wxPayConfig;
    @Override
    public String createOrderInfo(SysChargeVoucher sysChargeVoucher,HttpServletRequest request) {
        WxPayMwebOrderResult result = null;
        try {
            orderRequest.setOutTradeNo(sysChargeVoucher.getChargeBillId()+"");
            orderRequest.setBody("我是商品描述");
            orderRequest.setTotalFee(sysChargeVoucher.getAmount().multiply(new BigDecimal("100")).intValue());//金额需要扩大100倍:1代表支付时是0.01
            orderRequest.setSpbillCreateIp(this.getAddrIp(request));
            orderRequest.setProductId(sysChargeVoucher.getChargeVoucherId()+"");
            orderRequest.setTradeType(WxPayConstants.TradeType.MWEB);// h5网页支付
            result = wxPayService.createOrder(orderRequest);
        } catch (WxPayException e) {
            e.printStackTrace();
        }
        return result.getMwebUrl();
    }

    @Override
    public WxPayUnifiedOrderResult createUnifiedOrder(SysChargeVoucher sysChargeVoucher, HttpServletRequest request) {
        wxPayService= wxPayConfig.wxService();
        WxPayUnifiedOrderResult rest=new WxPayUnifiedOrderResult();
        try {
        WxPayUnifiedOrderRequest wrequest = new WxPayUnifiedOrderRequest();
        wrequest.setDeviceInfo("WEB");//设备号
        wrequest.setBody("物业缴费");//商品描述
        wrequest.setOutTradeNo(sysChargeVoucher.getDocumentNo()+"_"+sysChargeVoucher.getChargeVoucherId());//商户订单号
        JSONObject map = new JSONObject();
        map.put("conventionalChargeIds",sysChargeVoucher.getConventionalChargeIds());
        map.put("meterChargeIds",sysChargeVoucher.getMeterChargeIds());
        map.put("temporaryChargeIds",sysChargeVoucher.getTemporaryChargeIds());
        map.put("apportionChargeIds",sysChargeVoucher.getApportionChargeIds());
        wrequest.setDetail(map.toString());//商品详情
        wrequest.setTotalFee(sysChargeVoucher.getAmount().multiply(new BigDecimal("100")).intValue());//总金额|分计
        wrequest.setSpbillCreateIp(this.getAddrIp(request));//终端IP
        wrequest.setTradeType("NATIVE");//交易类型
        wrequest.setProductId(sysChargeVoucher.getDocumentNo()+"_"+sysChargeVoucher.getChargeVoucherId());//商品id
        rest=wxPayService.unifiedOrder(wrequest);
        } catch (WxPayException e) {
            rest.setErrCodeDes(e.getErrCodeDes());
            rest.setErrCode(e.getResultCode());
        }
        return rest;
    }

    private String getAddrIp(HttpServletRequest request){
        return request.getRemoteAddr();
    }
}

 

6.点击缴费，触发创建二维码

html

<button type="button" id="erCodeBut" data-toggle="modal" data-target="#myModal6" style="display: none"></button>
<div class="modal inmodal fade" id="myModal6" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">微信支付</h4>
                <span id="tips"></span>
                <span id="wxamount">0</span>元
            </div>
            <div class="modal-body" style="background-color: #00a65a;text-align: center;">
                <img id="img2" style="width:200px;height:200px;"/>
            </div>
        </div>
    </div>
</div>

JS 

                   var url = ctx + "pay/createQRCode";
                    $.ajax({
                        url: url,
                        type: "post",
                        dataType: "json",
                        data: data,
                        success: function (result) {
                            if(result.code==0){
                                $('#erCodeBut').trigger("click");
                                $('#img2').attr('src', 'data:image/png;base64,' + result.msg);
                                var  p=$('#propertyUnitName').val();
                                var  c=$('#customerName').val();
                                $('#tips').text("尊敬的"+c+"先生/女士，您名下单元："+p+"的物业费用为：");
                                $('#wxamount').text(result.data.amount);
                            }else if(result.code==301){
                                alert(result.msg);
                            }else{
                                alert("生成二维码识别，请重试!");
                            }
                        }
                    });

后台请求 

package com.ruoyi.web.controller.onlinepay.controller;

import com.github.binarywang.utils.qrcode.QrcodeUtils;
import com.github.binarywang.wxpay.bean.notify.WxPayOrderNotifyResult;
import com.github.binarywang.wxpay.bean.result.WxPayUnifiedOrderResult;
import com.github.binarywang.wxpay.exception.WxPayException;
import com.github.binarywang.wxpay.service.WxPayService;
import com.ruoyi.common.core.controller.BaseController;
import com.ruoyi.common.core.domain.AjaxResult;
import com.ruoyi.system.domain.*;
import com.ruoyi.system.service.*;
import com.ruoyi.web.controller.onlinepay.service.WeChatService;
import lombok.AllArgsConstructor;
import me.chanjar.weixin.common.error.WxErrorException;
import org.apache.commons.codec.binary.Base64;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.transaction.annotation.Transactional;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.BufferedOutputStream;
import java.math.BigDecimal;
import java.util.List;

@RequestMapping("/pay")
@Controller
@AllArgsConstructor
public class WxPayController extends BaseController {
    @Autowired
    private ISysChargeVoucherService sysChargeVoucherService;
    @Autowired
    private ISysChargeBillService sysChargeBillService;
    @Autowired
    private ISysConventionalChargeService sysConventionalChargeService;
    @Autowired
    private ISysMeterChargeService sysMeterChargeService;
    @Autowired
    private ISysTemporaryChargeService sysTemporaryChargeService;
    @Autowired
    private ISysApportionChargeService sysApportionChargeService;
    @Autowired
    private ISysChargeVoucherDetailService sysChargeVoucherDetailService;
    @Autowired
    private WeChatService weChatService;
    private WxPayService wxService;

    @PostMapping("/createQRCode")
    @ResponseBody
    public AjaxResult createQRCode(SysChargeVoucher sysChargeVoucher,HttpServletRequest req){
        SysChargeVoucher chargeVoucher=sysChargeVoucher.clone();
        chargeVoucher.setDocumentNo(null);
        chargeVoucher.setStatus("0");
        List<SysChargeVoucher> chargeList=sysChargeVoucherService.selectSysChargeVoucherList(chargeVoucher);
       if(chargeList.size()==0){
           sysChargeVoucher=this.addSysChargeVoucher(sysChargeVoucher);
       }else{
           sysChargeVoucher=chargeList.get(0);
       }
        if(sysChargeVoucher!=null&&sysChargeVoucher.getChargeVoucherId()!=null){
            WxPayUnifiedOrderResult result = weChatService.createUnifiedOrder(sysChargeVoucher, req);
            if (result != null && result.getCodeURL() != null) {
                byte[] qrCodeBytes = QrcodeUtils.createQrcode(result.getCodeURL(), null);
                String ercode = Base64.encodeBase64String(qrCodeBytes);
                return AjaxResult.success(ercode, sysChargeVoucher);
            } else if (result != null && result.getErrCode() != null) {
                return AjaxResult.warn(result.getErrCodeDes());
            }
        }
        return AjaxResult.error();
    }

    /**
     * 读取支付结果通知
     *
     * @param xmlData
     * @throws WxPayException
     */
    @PostMapping("/getOrderNotifyResult")
    public String getOrderNotifyResult(@RequestBody String xmlData, HttpServletRequest request, HttpServletResponse response) throws WxErrorException, WxPayException {
        WxPayOrderNotifyResult orderNotifyResult = this.wxService.parseOrderNotifyResult(xmlData);
        String noticeStr = null;
        try {
            BufferedOutputStream outputStream = new BufferedOutputStream(response.getOutputStream());
            // 支付成功，商户处理后同步返回给微信参数
            if (!orderNotifyResult.getResultCode().equals("SUCCESS")) {
                // 支付失败， 记录流水失败
                System.out.println("===============支付失败==============");
                noticeStr = setXML("FAIL", "支付失败");
                outputStream.write(noticeStr.getBytes());
                outputStream.flush();
                outputStream.close();
            } else {
                // TODO 处理你的业务，修改订单状态等
               String outTradeNo= orderNotifyResult.getOutTradeNo();
               String[] arr=outTradeNo.split("_");
               SysChargeVoucher sysChargeVoucher =sysChargeVoucherService.selectSysChargeVoucherById(Long.parseLong(arr[1]));
               updateSysChargeVoucher(sysChargeVoucher);
                // 通知微信已经收到消息，不要再给我发消息了，否则微信会8连击调用本接口
                noticeStr = setXML("SUCCESS", "支付成功");
                outputStream.write(noticeStr.getBytes());
                outputStream.flush();
                outputStream.close();
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
        return noticeStr;
    }

    public String setXML(String return_code, String return_msg) {
        return "<xml><return_code><![CDATA[" + return_code + "]]></return_code><return_msg><![CDATA[" + return_msg + "]]></return_msg></xml>";
    }
}

 

 

 

 

蓝影灵
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
微信小程序开发之微信支付（三）微信下单
ZXohoo的博客
05-01 7343
在发起支付之前，后台会生成商户订单，调用统一下单API，得到预支付信息。我是使用的是这个SDKcom.github.binarywang.wxpay.bean.notify.WxPayOrderNotifyResult;     //统一下单返回结果类com.github.binarywang.wxpay.bean.request.WxPayUnifiedOrderRequest      //统...
微信native扫码支付
hann的专栏
09-17 1万+
微信支付的方式有很多种， JSAPI--公众号支付、NATIVE--原生扫码支付、APP--app支付，统一下单接口trade_type的传参可参考这里 MICROPAY--刷卡支付，刷卡支付有单独的支付接口，不调用统一下单接口 这里以 NATIVE  原声扫码支付为例进行介绍。 官方文档地址：https://pay.weixin.qq.com/wiki/doc
[微信 支付demo ]
汤圆的博客
05-29 1241
欲买桂花同载酒,终不似,少年游
小程序微信支付
weixin_45016221的博客
08-31 267
/** * 统一下单 */ @RequestMapping("/wxPay") public RepResult createOrder(String orderNo, HttpServletRequest request) throws Exception { WxPayUnifiedOrderRequest orderRequest = new WxPayUnifiedOrderRequest(); try { .
Java之微信支付(扫码支付模式二)案例实战-之支付完成后页面跳转方案
https://gitee.com/micai-code
07-08 1万+
摘要：做过微信扫码支付的同学都知道，微信扫码支付完成后，要跳转到指定的页面就比较麻烦了，这里我提供一种比较可行的方案，也许还有其他更多的方案，但是我这里分享下我们当时是怎么处理微信扫码支付完成后，跳转到指定页面的呢。 一：微信扫码支付流程： 可以看前面写过的文章，具体地址：Java之微信支付(扫码支付模式二)案例实战 二：微信扫码支付完成后页面跳转流程： 2.1.支付订单页......
超简单的对接第三方API的微信支付(jsapi)。
weixin_43976856的博客
06-21 1661
我们从头开始: 1.首先导入依赖文件 <!--wx-pay-sdk 目前我用的版本是 3.8.0--> <dependency> <groupId>com.github.binarywang</groupId> <artifactId>wx-java-pay-spring-boot-starter</artifactId> &l
PHP微信支付（Navite，jsapi）
10-22
微信支付app 开发，解决你的问题是我的快乐
Java开发微信Navicat支付完整版
08-25
主要介绍了Java开发微信Navicat支付完整版，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
navite关键字使用demo
09-01
在本示例“navite关键字使用demo”中，我们将深入探讨`native`关键字及其在实际开发中的应用。 首先，我们需要理解`native`方法。`native`方法是在Java源代码中声明的，但其具体实现不在Java代码中，而是存在于外部...
React_navite-TodoApp
04-04
【React_Native-TodoApp】是一个基于React Native框架构建的简单待办事项应用。React Native是Facebook推出的一个开源项目，它允许开发者使用JavaScript和React来构建原生移动应用程序。这个项目的核心在于利用React...
生成微信h5支付mweb url调起支付，微信mweb_url怎么使用
qq_39414785的博客
06-28 1万+
微信mweb_url其实是一个链接， 当用户在手机上访问mweb_url时， 会调起微信支付， 从而实现用户在线付款的功能， 这是微信h5支付方便的地方。 下面子恒老师详细说一下mweb url… 一、 生成微信h5支付mweb_url支付链接 想要获取mweb_url， 需要调用微信h5支付的统一下单接口 https://api.mch.weixin.qq.com/pay/unifiedor...
在线支付系列【19】微信支付开源框架汇总介绍
记录知识、锤炼自我
02-06 2008
在之前的文档中，我们完成了使用官方SDK集成Native支付的所有API使用案例。官方SDK作为基础集成平台，为了适应各种应用框架，使用起来还是比较麻烦。需要自己集成API，提供服务类请求参数、返回对象没有封装为JAVA对象，需要自己解析V3版本没有提供统一下单API没有提供启动器，需要自己集成针对上述问题，简化开发，有许多开源的支付框架可以使用，下面会一一介绍。
JAVA集成微信支付V3版JSAPI下单
最新发布
fengchengwu2012的博客
02-29 7607
微信支付jsapi预下单、参数签名
springBoot（微信支付）
lyj147258369的博客
11-03 1064
微信支付pom包的GitHub地址微信支付文档pom包<dependency> <groupId>com.github.binarywang</groupId> <artifactId>weixin-java-pay</artifactId> <version>4.0.0</version>...
微信公众号H5开发笔记
热门推荐
chou342175867的博客
03-16 4万+
利用H5开发微信公众号一、 首先授权配置 公众号设置 --》功能设置 设置业务域名! 这里的MP_verify_w7tdZrafqhkK9Mcj.txt文件，需要放到你项目的根目录下，例子：你的项目war包叫 test.war ，里面包含了src,WEB-INFO两个文件夹,则把MP_verify_w7tdZrafqhkK9Mcj.txt放到这两个文件夹的同级目录下;即现在test.
微信支付(weixin-java-pay)
weixin_34270865的博客
04-26 8537
1. 项目依赖 增加pom.xml文件中增加依赖包。weixin-java-pay是GitHub开源的一个微信支付工具包 <dependency> <groupId>com.github.binarywang</groupId> <artifactId>weixin-java-pay</artifactId> <version...
微信支付接入，就差这一步
陈袁的博客
05-17 1万+
首先测试号是无法接入微信支付功能的。必需有公众号并开通支付功能,不会的可以让公司的商务帮你开通。 1. 公众号后台  找到“接口权限”选项，然后找到“网页授权获取用户基本信息”，点“修改” 2.打开界面点“设置” 3.添加网页授权域名，注意去掉“http://” 将下载下来的MP_verify_qHZ4JkZ2soVXMEYX.txt文件
java获取xml回掉_沙箱环境回调使用WxPayOrderNotifyResult解析xml报错
weixin_39520210的博客
02-25 849
com.thoughtworks.xstream.converters.ConversionException: Index: 1, Size: 0 : Index: 1, Size: 0---- Debugging information ----message : Index: 1, Size: 0cause-exception : java.lang.Inde...
vue的.navite
06-09
在 Vue 中，`.native` 修饰符用于监听组件根元素的原生事件。通常情况下，使用 `@` 符号来绑定组件的事件，Vue 会自动将事件绑定到组件的根元素上。但是，在某些情况下，可能需要监听组件根元素的原生事件，例如在自定义组件中，需要在根元素上手动绑定原生事件。 例如，假设我们有一个自定义的按钮组件 `<my-button>`，它的模板中包含一个原生的 `<button>` 元素。如果我们想要在父组件中监听 `<my-button>` 组件的 `click` 事件，可以使用 `.native` 修饰符： ```html <template> <div> <my-button @click.native="handleClick"></my-button> </div> </template> <script> import MyButton from './MyButton.vue'; export default { components: { MyButton }, methods: { handleClick() { console.log('My button clicked'); } } } </script> ``` 在上面的代码中，当点击 `<my-button>` 组件时，会触发 `click` 事件，并将其冒泡到父组件。使用 `.native` 修饰符可以让父组件监听到 `<my-button>` 组件根元素上的原生 `click` 事件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值