spring boot集成微信native扫码支付

最新推荐文章于 2024-07-01 11:48:29 发布
最新推荐文章于 2024-07-01 11:48:29 发布
阅读量720 收藏 7
点赞数
分类专栏： 支付 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxc_123_789/article/details/108345815
版权

文章目录

一.微信支付类型

微信开放文档
在这里插入图片描述

二. native扫码支付
2.1. 业务流程

在这里插入图片描述
（1）商户后台系统根据用户选购的商品生成订单。

（2）用户确认支付后调用微信支付【统一下单API】生成预支付交易；

（3）微信支付系统收到请求后生成预支付交易单，并返回交易会话的二维码链接code_url。

（4）商户后台系统根据返回的code_url生成二维码。

（5）用户打开微信“扫一扫”扫描二维码，微信客户端将扫码内容发送到微信支付系统。

（6）微信支付系统收到客户端请求，验证链接有效性后发起用户支付，要求用户授权。

（7）用户在微信客户端输入密码，确认支付后，微信客户端提交授权。

（8）微信支付系统根据用户授权完成支付交易。

（9）微信支付系统完成支付交易后给微信客户端返回交易结果，并将交易结果通过短信、微信消息提示用户。微信客户端展示支付交易结果页面。

（10）微信支付系统通过发送异步消息通知商户后台系统支付结果。商户后台系统需回复接收情况，通知微信后台系统不再发送该单的支付通知。

（11）未收到支付通知的情况，商户后台系统调用【查询订单API】。

（12）商户确认订单已支付后给用户发货。

2.2. 后端代码编写
2.2.1 引入依赖
 		<!--微信支付-->
        <dependency>
            <groupId>com.github.wxpay</groupId>
            <artifactId>wxpay-sdk</artifactId>
            <version>RELEASE</version>
        </dependency>
2.2.2 配置类编写
/*
 * @className: MyWxPayConfig
 * @description 支付所需相关配置类
 * @since JDK1.8
 * @author ljh
 * @createdAt  2020/9/1 0001 
 * @version 1.0.0
 **/
@Configuration
public class MyWxPayConfig implements WXPayConfig {
    /**
     * 获取 App ID
     *
     * @return App ID
     */
    @Override
    public String getAppID() {
        return "wx8397f8696b538317";
    }

    /**
     * 获取 Mch ID
     *
     * @return Mch ID
     */
    @Override
    public String getMchID() {
        return "1473426802";
    }

    /**
     * 获取 API 密钥
     *
     * @return API密钥
     */
    @Override
    public String getKey() {
        return "T6m9iK73b0kn9g5v426MKfHQH7X8rKwb";
    }

    /**
     * 异步接收微信支付结果通知的回调地址(此处的值随意填写)
     *
     * @return
     */
    public String getNotifyUrl() {
        return "http://localhost:8080/notify";
    }

    /**
     * 获取商户证书内容
     *
     * @return 商户证书内容
     */
    @Override
    public InputStream getCertStream() {
        return null;
    }

    /**
     * HTTP(S) 连接超时时间，单位毫秒
     *
     * @return
     */
    @Override
    public int getHttpConnectTimeoutMs() {
        return 8000;
    }

    /**
     * HTTP(S) 读数据超时时间，单位毫秒
     *
     * @return
     */
    @Override
    public int getHttpReadTimeoutMs() {
        return 10000;
    }

}
2.2.3 扫码支付(这里调用微信的[统一下单]API)
	@Service
public class NativeService{

    @Autowired
    MyWxPayConfig payConfig;

    /**
     * 统一下单接口(用于返回二维码的url)
     *
     * @param money      金额
     * @param outTradeNo 商户订单号
     * @param ip         终端IP
     * @return
     */

    public Map<String, String> unifiedOrder(String money, String outTradeNo, String ip) {
        Map<String, String> paramMap = new LinkedHashMap<>(8);
        WXPay wxPay = new WXPay(payConfig);
        //入参 根据微信开放文档的接口入参规则填写即可
        paramMap.put("device_info", "WEB");
        paramMap.put("body", "腾讯充值中心-QQ会员充值");
        paramMap.put("out_trade_no", outTradeNo);
        paramMap.put("total_fee", money);
        paramMap.put("spbill_create_ip", ip);
        paramMap.put("notify_url", payConfig.getNotifyUrl());
        paramMap.put("trade_type", "NATIVE");
        paramMap.put("product_id", "000000000");

        HashMap<String, String> result = new HashMap<>(2);
        try {
            Map<String, String> map = wxPay.unifiedOrder(paramMap);
            //return_code是通信标识，非交易标识，交易是否成功需要查看result_code来判断
            if ("SUCCESS".equals(map.get("return_code"))) {
                if ("SUCCESS".equals(map.get("result_code"))) {
                    result.put("status", "success");
                    result.put("msg", "请求成功");
                    result.put("code_url", map.get("code_url"));
                    result.put("prepay_id", map.get("prepay_id"));
                    result.put("trade_type", map.get("trade_type"));
                    result.put("money", money);
                    result.put("out_trade_no", outTradeNo);
                    return result;
                } else {
                    result.put("status", "fail");
                    result.put("msg", map.get("err_code_des"));
                    return result;
                }
            } else {
                result.put("status", "fail");
                result.put("msg", map.get("return_msg"));
                return result;
            }

        } catch (Exception e) {
            e.printStackTrace();
        }

        result.put("status", "fail");
        result.put("msg", "未知异常");
        return result;
    }

    /**
     * 查询订单
     *
     * @param outTradeNo 商户订单号
     * @return
     */

    public Map<String, String> orderQuery(String outTradeNo) {
        Map<String, String> paramMap = new LinkedHashMap<>(1);
        WXPay wxPay = new WXPay(payConfig);
        paramMap.put("out_trade_no", outTradeNo);
        Map<String, String> result = new HashMap<>();
        try {
            Map<String, String> map = wxPay.orderQuery(paramMap);
            if ("SUCCESS".equals(map.get("return_code"))) {
                if ("SUCCESS".equals(map.get("result_code"))) {
                    //result.put("status", "success");
                    result.put("out_trade_no", map.get("out_trade_no")); //商户订单号
                    switch (map.get("trade_state")) {

                        case "SUCCESS":
                            result.put("trade_type", map.get("trade_type")); //支付类型
                            result.put("trade_state", map.get("trade_state")); //支付状态
                            result.put("transaction_id", map.get("transaction_id")); //微信支付订单号
                            result.put("total_fee", map.get("total_fee")); //支付金额
                            result.put("time_end", map.get("time_end")); //支付完成时间
                            result.put("msg", "支付成功");
                            break;
                        case "REFUND":
                            result.put("msg", "转入退款");
                            break;
                        case "NOTPAY":
                            map.put("msg", "未支付");
                            break;
                        case "CLOSED":
                            map.put("msg", "已关闭");
                            break;
                        case "REVOKED":
                            map.put("msg", "已撤销");
                            break;
                        case "USERPAYING":
                            map.put("msg", "用户支付中");
                            break;
                        case "PAYERROR":
                            map.put("msg", "支付失败");
                            break;
                        default:
                            map.put("msg", "支付失败");
                            break;
                    }

                    return result;
                } else {
                    result.put("status", "fail");
                    result.put("out_trade_no", map.get("out_trade_no")); //商户订单号
                    result.put("msg", map.get("err_code_des"));
                    return result;
                }
            } else {
                result.put("status", "fail");
                result.put("msg", map.get("return_msg"));
                return result;
            }
        } catch (Exception e) {
            e.printStackTrace();
        }

        result.put("status", "fail");
        result.put("msg", "未知异常");
        return result;
    }

}
2.2.4 生成终端IP工具类
/*
 * @className: IpUtil
 * @description 获取终端IP
 * @since JDK1.8
 * @author ljh
 * @createdAt  2020/8/30 0030
 * @version 1.0.0
 **/
public class IpUtil {
    public static String getIpAddr(HttpServletRequest request) {
        String ipAddress = null;
        try {
            ipAddress = request.getHeader("x-forwarded-for");
            if (ipAddress == null || ipAddress.length() == 0 || "unknown".equalsIgnoreCase(ipAddress)) {
                ipAddress = request.getHeader("Proxy-Client-IP");
            }
            if (ipAddress == null || ipAddress.length() == 0 || "unknown".equalsIgnoreCase(ipAddress)) {
                ipAddress = request.getHeader("WL-Proxy-Client-IP");
            }
            if (ipAddress == null || ipAddress.length() == 0 || "unknown".equalsIgnoreCase(ipAddress)) {
                ipAddress = request.getRemoteAddr();
                if (ipAddress.equals("127.0.0.1")) {
                    // 根据网卡取本机配置的IP
                    InetAddress inet = null;
                    try {
                        inet = InetAddress.getLocalHost();
                    } catch (UnknownHostException e) {
                        e.printStackTrace();
                    }
                    ipAddress = inet.getHostAddress();
                }
            }
            // 对于通过多个代理的情况，第一个IP为客户端真实IP,多个IP按照','分割
            if (ipAddress != null && ipAddress.length() > 15) { // "***.***.***.***".length()
                // = 15
                if (ipAddress.indexOf(",") > 0) {
                    ipAddress = ipAddress.substring(0, ipAddress.indexOf(","));
                }
            }
        } catch (Exception e) {
            ipAddress="";
        }
        // ipAddress = this.getRequest().getRemoteAddr();

        return "0:0:0:0:0:0:0:1".equals(ipAddress) ? "127.0.0.1" : ipAddress;
    }
}
2.2.5 测试controller
@RestController
public class PayController {

    @Autowired
    private NativeService nativeService;

    @RequestMapping("/createNative")
    public Map createNative(HttpServletRequest request) {

        return nativeService.unifiedOrder("1", WXPayUtil.generateNonceStr(), IpUtil.getIpAddr(request));

    }

    @RequestMapping("/orderQuery")
    public Map orderQuery(String outTradeNo) {

        int i=0;

        while (true) {
            Map<String, String> map = nativeService.orderQuery(outTradeNo);
            i++;
            if ("SUCCESS".equals(map.get("trade_state"))) {
                return map;
            }

            try {
                //因为这里是循环调用查询订单,所以如果前台超过5分钟没有支付 就会让刷新页面重新生成二维码
                Thread.sleep(3000);
                if (i>=100){
                    System.out.println(i);
                    map.put("status","fail");
                    map.put("msg","二维码已超时");
                    return map;
                }
            } catch (InterruptedException e) {
                e.printStackTrace();
                map.put("msg", "支付失败");
                return map;
            }
        }

    }

}
2.3 前端代码编写
2.3.1 在static目录下创建pay.html
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
  <title>微信支付页</title>
  <link rel="stylesheet" type="text/css" href="css/webbase.css"/>
  <link rel="stylesheet" type="text/css" href="css/pages-weixinpay.css"/>
  <!--引入jQuery和qrious相关类库-->
  <script src="js/jquery.min.js"></script>
  <script src="js/qrious.js"></script>


</head>

<body>
<!--head-->
<div>
  <!--主内容-->
  <div class="pay">
    <div class="checkout-tit">
      <h4 class="fl tit-txt">
        <span class="success-icon"></span><span class="success-info">订单提交成功，请您及时付款！订单号：<span id="out_trade_no"></span></span>
      </h4>
      <span class="fr"><em class="sui-lead">应付金额：</em><em class="orange money">￥</em><span id="money"></span>元</span>
      <div class="clearfix"></div>
    </div>
    <div class="checkout-steps">
      <div class="fl weixin">微信支付</div>
      <div class="fl sao">
        <p class="red"></p>
        <div class="fl code">
          <img id="qrious">
          <div class="saosao">
            <p>请使用微信扫一扫</p>
            <p>扫描二维码支付</p>
          </div>
        </div>
        <div class="fl phone">

        </div>

      </div>
    </div>
  </div>

</div>


<script type="text/javascript">

    //页面一加载就调用
    window.onload = function() {
        createNative()
    }

    /*统一下单接口调用*/
    function createNative() {
        $.ajax({
            type: 'get',
            url: 'http://localhost:8080/createNative',
            success: function(data) {
                console.log(data);
                $("#money").html((data.money / 100).toFixed(2))
                $("#out_trade_no").html(data.out_trade_no)
                /*调用后端统一下单接口根据返回的code_url 用qrious生成二维码*/
                var qr = new QRious({
                    element: document.getElementById('qrious'),
                    size: 250,
                    level: 'H', //二维码容错级别 从小到大 : L M Q H
                    value: data.code_url
                });
                orderQuery(data.out_trade_no)
            }
        })
    }

    /*查询订单接口调用*/
    function orderQuery(out_trade_no) {
        $.ajax({
            type: 'get',
            url: 'http://localhost:8080/orderQuery?outTradeNo=' + out_trade_no,
            success: function(data) {
                console.log(data);
	
				//支付成功后跳转成功页面
                if (data.trade_state == "SUCCESS") {
                    location.href = 'paysuccess.html?money=' + ((data.total_fee) / 100).toFixed(2)
                } else {
                    if (data.msg == "二维码已超时") {
                        console.log(data.msg);
                        //二维码超时后重新生成二维码
                        createNative();
                    } else {
						//跳转失败页面
                        location.href = 'payfail.html'
                    }
                }

            }
        })
    }


</script>
</body>

</html>

成功页面paysuccess.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
  <title>支付页-成功</title>


  <link rel="stylesheet" type="text/css" href="css/webbase.css"/>
  <link rel="stylesheet" type="text/css" href="css/pages-paysuccess.css"/>
  <script src="js/jquery.min.js"></script>

</head>

<body>
<!--head-->

<div class="cart">
  <!--logoArea-->
  <div class="logoArea">
    <div class="fl logo"><span class="title">支付页</span></div>
  </div>
  <!--主内容-->
  <div class="paysuccess">
    <div class="success">
      <h3><img src="img/right.png" width="48" height="48">　恭喜您，支付成功啦！</h3>
      <div class="paydetail">
        <p>支付方式：微信支付</p>
        <p>支付金额：￥<span id="money"></span>元</p>
        <p class="button">
          <a href="myOrder.html" class="sui-btn btn-xlarge btn-danger">查看订单</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.html" class="sui-btn btn-xlarge ">继续购物</a>
        </p>
      </div>
    </div>

  </div>
</div>
</body>
<script>
    window.onload = function() {
        var money = getUrlParam("money");
        $("#money").html(money)
    }

    //解析跳转过来时url携带的参数
    function getUrlParam(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
        var r = window.location.search.substr(1).match(reg);  //匹配目标参数
        if (r != null) return unescape(r[2]);
        return null; //返回参数值
    }
</script>
</html>

支付失败页面payfail.html

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
		<title>支付页-失败</title>

		
	
    <link rel="stylesheet" type="text/css" href="css/webbase.css" />
    <link rel="stylesheet" type="text/css" href="css/pages-payfail.css" />
</head>

	<body>
		<!--head-->

		<div class="cart">
			<!--logoArea-->
			<div class="logoArea">
				<div class="fl logo"><span class="title">支付页</span></div>
			</div>
			<!--主内容-->
			<div class="payfail">
				<div class="fail">
					<h3><img src="img/fail.png" width="48" height="48">　支付失败，请稍后再试</h3>
					<div class="fail-text">
					<p>失败原因：不能使用金币购买！</p>
					<p class="button"><a href="" class="sui-btn btn-xlarge btn-danger">重新支付</a></p>
				    </div>
				</div>
				
			</div>
		</div>

<!--页面底部END-->

</body>

</html>

在这里插入图片描述
相关API调用示例可在这里插入图片描述

心海里的锚
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于JAVA Spring Boot+vue的互联网支付系统，支持多种模式，已对接微信支付、支付宝、云闪付官方接口
01-04
支持多渠道对接，支付网关自动路由 已对接`微信`服务商和普通商户接口，支持`V2`和`V3`接口 已对接`支付宝`服务商和普通商户接口，支持RSA和RSA2签名 已对接`云闪付`服务商接口，可选择多家支付机构 提供http形式接口，提供各语言的`sdk`实现，方便对接 接口请求和响应数据采用签名机制，保证交易安全可靠 系统安全，支持`分布式`部署，`高并发` 管理端包括`运营平台`和`商户系统` 管理平台操作界面简洁、易支付平台到商户系统的订单通知使用MQ实现，保证了高可用，消息可达 支付渠道的接口参数配置界面自动化生成 使用`spring security`实现权限管理 前后端分离架构，方便二次开发
SpringBoot实现微信支付，微信扫码支付，Native支付（全网最详细教程）
m0_56607305的博客
08-16 984
【代码】SpringBoot实现微信支付，微信扫码支付，Native支付（全网最详细教程）
2024SpringBoot集成微信支付（最新版）
最新发布
m0_60898924的博客
07-01 483
2024SpringBoot集成微信支付（最新版）
SpringBoot整合微信支付(Native最详细)
yueyue763184的博客
03-17 3352
在SpringBoot项目中导入微信支付功能
SpringBoot整合Vue实现微信扫码支付、微信退款功能
chaojiyingxiong的博客
05-01 1869
SpringBoot整合Vue实现微信扫码支付、微信退款功能
springboot+vue实现微信扫描支付
qq_45751976的博客
02-03 2110
springboot+vue实现微信扫码支付
Netty+Spring Boot仿微信 全栈开发高性能后台及客户端
06-26
综上所述，"Netty+Spring Boot仿微信 全栈开发高性能后台及客户端"项目是一个综合性的学习和实践平台，涵盖了网络编程、后端开发、全栈集成以及性能优化等多个领域。通过这个项目，开发者不仅可以提升自己的技术能力...
spring-boot 支付
05-05
用springboot做的微信支付,仅供学习.
【主流技术】Spring Boot中的微信支付（小程序）.doc
07-10
通过以上步骤，开发者可以在Spring Boot应用中顺利集成微信支付（小程序），实现完整的支付流程，为用户提供便捷、安全的支付体验。在实际开发过程中，还需注意处理异常情况、优化支付性能以及遵循微信支付的安全...
毕业设计校园二手书城微信小程序和APP-springboot后台.zip
04-05
《基于Spring Boot的毕业设计：校园二手书城微信小程序与APP后台系统》 在当今数字化时代，校园二手书交易已成为大学生日常生活的一部分。本项目“毕业设计校园二手书城微信小程序和APP”旨在提供一个便捷、高效的...
微信支付源码appjava-justpay:spring-boot2.0.0+Dubbox+spring-webflux的轻量级分布式聚合支付
06-07
目前实现了微信支付（4种模式：NATIVE、JSAPI、APP、MWEB），支付宝支付（4种模式：PC、WAP、APP） Justpay架构图 Justpay接入到原系统中的架构位置 项目结构 justpay ├── justpay-common -- 公共模块 | ├── ...
02、SpringBoot + 微信支付 --＞基础支付API V3 --＞网页弹出二维码支付功能 并能 真实支付成功（Native下单API）
Java 领域技术分享
11-03 912
SpringBoot + 微信支付 --＞基础支付API V3 -->网页弹出二维码支付功能 并能 真实支付成功
springboot整合微信扫码支付(详细)
热门推荐
todoitbo的博客
04-30 9万+
springboot整合微信扫码支付，V3接口，Native支付
springboot接入微信支付v3
GPfighting的博客
02-19 1271
【代码】springboot接入微信支付v3。
JAVA 实现微信Native扫码支付功能
H_bbo的博客
06-13 2393
目录1、在pom.xml中添加依赖2、在application.yml中添加如下配置3、创建微信支付config配置类4、微信支付下单5、支付通知6、主动查询订单状态7、apiclient_key.pem（私钥文件）
SpringBoot整合微信支付（Native）【V2版本】
KyrieXJL的博客
05-18 1173
微信支付native
SpringBoot整合微信支付（Native）
qq_29305715的博客
03-16 3695
一、微信扫码支付流程 1、微信支付开发文档：微信支付开发文档 2、微信扫码支付业务流程 3、个人理解的支付流程 ①用户在商户平台下单 ②商户生成商户订单，并调起微信统一下单接口 ③微信生成预支付订单，返回预支付的交易连接（code_url），我们根据code_url 生成二维码，提供给消费者扫码。值得注意的是：微信对于同一商户订单号且同一价格的商品可以生成多个预付单，我们可以设置预付单的有效时间（time_expire），预付单过期后，刷新二维码支付页面便会生成一个预付单，此时会发现二维码变了，即返
spring boot+vue实现JSAPI微信支付
qq_36731585的博客
09-29 2836
微信的支付微信支付微信支付前的准备后台开发vue前端 微信支付 最近公司要在微信公众号上做一个活动预报名，活动的门票等需要在微信中支付。 微信支付前的准备 微信支付需要一个微信支付商务号（https://pay.weixin.qq.com/index.php/apply/applyment_home/guide_normal），请自行去商务平台申请。商务号申请完后，需要在微信公众号平台–>微...
微信支付-前后端分离
m0_69715573的博客
08-24 885
微信支付----前后端分离
Spring Boot实现微信小程序支付全攻略
微信支付提供了多种支付方式，包括【JSAPI支付】（适合网页支付）、【Native支付】（通过二维码完成支付）、【小程序支付】（适用于小程序内的支付场景）、【付款码支付】（用户展示条码或二维码被商家扫描完成支付...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值