实现微信支付（Native支付），使用WebSocket进行推送——3.创建支付订单，接收付款结果

已于 2022-02-28 17:50:50 修改
阅读量2.6k 收藏
点赞数
分类专栏： 微信支付 笔记 文章标签： websocket 微信
于 2022-02-27 17:00:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43967582/article/details/123158343
版权

实现微信支付（Native支付），使用WebSocket进行推送——3.创建支付订单，接收付款结果

注：本实验使用springboot框架

一、创建订单

1.流程

在这里插入图片描述

2.创建支付订单所需参数

2. API接口

大家可以用浏览器访问微信支付的API手册（ https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_1）， 查阅具体的调用规范。下面是本次项目所使用到的参数

参数含义类型例子
appid公众号IDStringwxd678efh567hg6787
mch_id商户号IDString1230000109
nonce_str随机字符串String5K8264ILTKCH16CQ2502SI8ZNMTM67VS
sign签名StringC380BEC2BFD727A4B6845133519F3AD6
body商品订单描述String腾讯充值中心-QQ会员充值
out_trade_no商品订单号String20150806125346
total_fee订单金额,单位为分int150
spbill_create_ip终端IP(用户的客户端IP )String123.12.12.123
notify_url通知地址Stringhttp://140.143.132.225:8000/project-1/doc-110/
trade_type交易类型StringNATIVE

微信支付平台给我们返回的响应中包含了下面这些参数。

参数含义类型例子
return_code通信状态码StringSUCCESS
result_code业务状态码StringSUCCESS
app_id微信公众账号APPIDStringwxd678efh567hg6787
mch_id商户IDString1230000109
nonce_str随机字符串String5K8264ILTKCH16CQ2502SI8ZNMTM67VS
sign数字签名StringC380BEC2BFD727A4B6845133519F3AD6
trade_type交易类型StringNATIVE
prepay_id支付订单IDStringwx201410272009395522657a690389285100
2.1 本实验使用值注入的方式，在application.yaml中配置相关参数
wx:
  app-id: 企业身份APPID
  app-secret: 企业身份密钥
  mch-id: 企业身份商户号ID
  key: 企业身份微信支付的密钥
  cert-path: 企业身份微信支付的数字证书路径

3、持久层

3.1 sql语句

1.searchAmectByCondition：根据id，用户id，（或状态码）查询罚款单的uuid（做商品编号），amount（罚款金额），prepay_id（支付订单），status（是否支付成功）

2.updatePrepayId：更新支付订单（用于向微信服务器请求生成订单成功后保存订单编号，方便之后主动查询支付状态）

<select id="searchAmectByCondition" parameterType="HashMap" resultType="HashMap">
    SELECT uuid,
           amount,
           prepay_id AS prepayId,
           `status`
    FROM tb_amect
    WHERE id = #{amectId}
    AND user_id = #{userId}
    <if test="status!=null">
        AND `status` = #{status}
    </if>
</select>

<update id="updatePrepayId" parameterType="HashMap">
    UPDATE tb_amect
    SET prepay_id = #{prepayId}
    WHERE id = #{amectId} AND status = 1
</update>
3.2 DAO层
public interface TbAmectDao {
    ……
    public HashMap searchAmectByCondition(HashMap param);
    public int updatePrepayId(HashMap param);
}

4、业务层代码

public interface AmectService {
    ……
    public String createNativeAmectPayOrder(HashMap param);
}


public class AmectServiceImpl implements AmectService {
    @Autowired
    private MyWXPayConfig myWXPayConfig;
    
    ……
    @Override
    public String createNativeAmectPayOrder(HashMap param) {
        int userId = MapUtil.getInt(param, "userId");
        int amectId = MapUtil.getInt(param, "amectId");
        //根据罚款单ID和用户ID查询罚款单记录
        HashMap map = amectDao.searchAmectByCondition(param);
        if (map != null && map.size() > 0) {
            //将元转为分
            String amount = new BigDecimal(MapUtil.getStr(map, "amount")).multiply(new BigDecimal("100")).intValue() + "";
            try {
                WXPay wxPay = new WXPay(myWXPayConfig);
                param.clear();
                param.put("nonce_str", WXPayUtil.generateNonceStr()); //随机字符串
                param.put("body", "缴纳罚款");
                param.put("out_trade_no", MapUtil.getStr(map, "uuid"));
                param.put("total_fee", amount);
                param.put("spbill_create_ip", "127.0.0.1");
                param.put("notify_url", "http://s1.nsloop.com:35750/emos-api/amect/recieveMessage");
                param.put("trade_type", "NATIVE");
                String sign = WXPayUtil.generateSignature(param, myWXPayConfig.getKey());
                param.put("sign", sign);
                
                Map<String, String> result = wxPay.unifiedOrder(param); //创建支付订单
                String prepayId = result.get("prepay_id");  //微信订单ID
                String codeUrl = result.get("code_url");   //支付连接，需要生成二维码让手机扫码
                if (prepayId != null) {
                    param.clear();
                    param.put("prepayId", prepayId);
                    param.put("amectId", amectId);
                    int rows = amectDao.updatePrepayId(param);
                    if (rows != 1) {
                        throw new EmosException("更新罚款单的支付订单ID失败");
                    }

                    //把支付订单的URL生成二维码
                    QrConfig qrConfig = new QrConfig();
                    qrConfig.setWidth(255);
                    qrConfig.setHeight(255);
                    qrConfig.setMargin(2);
                    String qrCodeBase64 = QrCodeUtil.generateAsBase64(codeUrl, qrConfig, "jpg");
                    return qrCodeBase64;
                } else {
                    log.error("创建支付订单失败", result);
                    throw new EmosException("创建支付订单失败");
                }
            } catch (Exception e) {
                log.error("创建支付订单失败", e);
                throw new EmosException("创建支付订单失败");
            }

        } else {
            throw new EmosException("没有找到罚款单");
        }
    }
}

5、WEB层代码

@Data
@Schema(description = "创建Native支付罚款订单表单")
public class CreateNativeAmectPayOrderForm {
    @NotNull(message = "amectId不能为空")
    @Min(value = 1, message = "amectId不能小于1")
    @Schema(description = "罚款单ID")
    private Integer amectId;
}

public class AmectController {
    ……
    @PostMapping("/createNativeAmectPayOrder")
    @Operation(summary = "创建Native支付罚款订单")
    @SaCheckLogin
    public R createNativeAmectPayOrder(@Valid @RequestBody CreateNativeAmectPayOrderForm form) {
        int userId = StpUtil.getLoginIdAsInt();
        int amectId = form.getAmectId();
        HashMap param = new HashMap() {{
            put("amectId", amectId);
            put("userId", userId);
        }};
        String qrCodeBase64 = amectService.createNativeAmectPayOrder(param);
        //R是一个统一的返回类，你也可以用hashmap返回
        return R.ok().put("qrCodeBase64", qrCodeBase64);
    }
}

6、前端

会有相应的罚款列表，点击缴纳罚款，发送ajax请求，提交罚款订单id，调用createNativeAmectPayOrder接口，返回的二维码使用img标签显示，记为支付码，使用微信扫码支付即可

二、接收付款结果

1.持久层

修改罚款状态

<update id="updateStatus" parameterType="HashMap">
    UPDATE tb_amect
    SET status = #{status}
    WHERE uuid = #{uuid}
</update>


public interface TbAmectDao {
    ……
    public int updateStatus(HashMap param);
}

2.业务层代码

public interface AmectService {
    ……
    public int updateStatus(HashMap param);
}


public class AmectServiceImpl implements AmectService {
    ……
    @Override
    public int updateStatus(HashMap param) {
        int rows = amectDao.updateStatus(param);
        return rows;
    }
}

3.编写Web层代码

微信平台发送付款结果通知的Request里面是XML格式的数据，所以我们要从中提取出我们需要的关键数据，这部分的文档规范，大家可以查阅微信支付的官方资料（ https://pay.weixin.qq.com/wiki/doc/api/native.php?chapter=9_7&index=8）。 而且这个请求并不是只发送一次，如果商户系统没有接收到请求，微信平台会每隔一小段时间再发送一次付款结果。

参数含义类型示例
return_code通信状态码StringSUCCESS
result_code业务状态吗StringSUCCESS
sign数字签名StringC380BEC2BFD727A4B6845133519F3AD6
out_trade_no商品订单IDString1212321211201407033568112322
transaction_id支付订单IDString1217752501201407033233368018
total_fee订单金额int150
time_end支付的时间String20141030133525
<xml>
  <appid><![CDATA[wx2421b1c4370ec43b]]></appid>
  <attach><![CDATA[支付测试]]></attach>
  <bank_type><![CDATA[CFT]]></bank_type>
  <fee_type><![CDATA[CNY]]></fee_type>
  <is_subscribe><![CDATA[Y]]></is_subscribe>
  <mch_id><![CDATA[10000100]]></mch_id>
  <nonce_str><![CDATA[5d2b6c2a8db53831f7eda20af46e531c]]></nonce_str>
  <openid><![CDATA[oUpF8uMEb4qRXf22hE3X68TekukE]]></openid>
  <out_trade_no><![CDATA[1409811653]]></out_trade_no>
  <result_code><![CDATA[SUCCESS]]></result_code>
  <return_code><![CDATA[SUCCESS]]></return_code>
  <sign><![CDATA[B552ED6B279343CB493C5DD0D78AB241]]></sign>
  <time_end><![CDATA[20140903131540]]></time_end>
  <total_fee>1</total_fee>
  <coupon_fee><![CDATA[10]]></coupon_fee>
  <coupon_count><![CDATA[1]]></coupon_count>
  <coupon_type><![CDATA[CASH]]></coupon_type>
  <coupon_id><![CDATA[10000]]></coupon_id>
  <trade_type><![CDATA[JSAPI]]></trade_type>
  <transaction_id><![CDATA[1004400740201409030005092168]]></transaction_id>
</xml>

返回给微信平台的响应内容也必须是XML格式的，否则微信平台就会认为你没收到付款结果通知。

<xml>
  <return_code><![CDATA[SUCCESS]]></return_code>
  <return_msg><![CDATA[OK]]></return_msg>
</xml>

修改一处代码

修改 WXPayUtil.isSignatureValid(xml, key) -》改为WXPayUtil.isSignatureValid(data,key, WXPayConstants.SignType.HMACSHA256)
添加Map<String, String> data = WXPayUtil.xmlToMap(xml);

原因是WXPayUtil.isSignatureValid(xml, key) 的签名验证使用MD5加密，源码如下，
而我们真实的微信支付使用的是HMACSHA256，所以签名验证怎么都不会对，
所以要改一下签名验证的方法

之前我没考虑到这个，以为是只能使用MD5，所以我直接修改了微信支付工具类WXPay，
直接改为用MD5，后来觉得使用MD5不需要密钥很不安全，重新debug后发现原来
是这个原因。现在改回用HMACSHA256，需要修改三处代码，这是其中一处

另外两处：
实现微信支付（Native支付），使用WebSocket进行推送——2.微信支付工具类:中的二、官网给的工具类 的 2.1 WXPay类 核心类

以及：实现微信支付（Native支付），使用WebSocket进行推送 ——4.配置SpringBoot支持WebSocket，推送结果：中的五、主动查询付款结果 的 5.2 业务层代码

//源码
    public static boolean isSignatureValid(String xmlStr, String key) throws Exception {
        Map<String, String> data = xmlToMap(xmlStr);
        if (!data.containsKey(WXPayConstants.FIELD_SIGN) ) {
            return false;
        }
        String sign = data.get(WXPayConstants.FIELD_SIGN);
        return generateSignature(data, key).equals(sign);
    }


    public static String generateSignature(final Map<String, String> data, String key) throws Exception {
        return generateSignature(data, key, SignType.MD5);
    }

之前创建订单时提交给微信服务端的回调url，notify_url，支付成功后微信服务器会调用该接口，发送回调通知

public class AmectController {
    @Value("${wx.key}")
    private String key;
    ……
   @Operation(summary = "接收消息通知")
    @RequestMapping("/receiveMessage")
    public void receiveMessage(HttpServletRequest request, HttpServletResponse response) throws Exception {
        request.setCharacterEncoding("utf-8");
        Reader reader = request.getReader();
        BufferedReader buffer = new BufferedReader(reader);
        String line = buffer.readLine();
        StringBuffer temp = new StringBuffer();
        while (line!= null){
            temp.append(line);
            line = buffer.readLine();
        }
        buffer.close();
        reader.close();
        String xml = temp.toString();
        //利用数字证书验证收到的响应内容，避免有人伪造付款结果发送给Web方法。

        //修改该处代码 WXPayUtil.isSignatureValid(xml, key) -》改为WXPayUtil.isSignatureValid(data,key, WXPayConstants.SignType.HMACSHA256)
        //添加Map<String, String> data = WXPayUtil.xmlToMap(xml);
        Map<String, String> data = WXPayUtil.xmlToMap(xml);

        if(WXPayUtil.isSignatureValid(data,key, WXPayConstants.SignType.HMACSHA256)){
            Map<String,String> map = WXPayUtil.xmlToMap(xml);
            String resultCode = map.get("result_code");
            String returnCode = map.get("return_code");
            if ("SUCCESS".equals(resultCode) && "SUCCESS".equals(returnCode)) {
                String outTradeNo = map.get("out_trade_no");    //罚款单UUID
                //更新订单状态
                HashMap param = new HashMap() {{
                    put("status", 2);
                    put("uuid", outTradeNo);
                }};
                int rows = amectService.updateStatus(param);
                if (rows == 1) {
                    //向前端页面推送付款结果
                    //根据罚款单ID查询用户ID
                    int userId = amectService.searchUserIdByUUID(outTradeNo);
                    //向用户推送结果
                    WebSocketService.sendInfo("收款成功", userId + "");


                    //给微信平台返回响应
                    response.setCharacterEncoding("utf-8");
                    response.setContentType("application/xml");
                    Writer writer = response.getWriter();
                    BufferedWriter bufferedWriter = new BufferedWriter(writer);
                    bufferedWriter.write("<xml><return_code><![CDATA[SUCCESS]]></return_code> <return_msg><![CDATA[OK]]></return_msg></xml>");
                    bufferedWriter.close();
                    writer.close();
                } else {
                    log.error("更新订单状态失败");
                    response.sendError(500, "更新订单状态失败");
                }
            }

        }else {
            log.error("数字签名异常");
            response.sendError(500, "数字签名异常");
        }
    }
}

微信支付系列其他部分

xiaocstudy
关注
专栏目录
B2C电商项目（第十二天、微信扫码支付、支付二维码、支付回调逻辑、推送支付通知)
落日的博客
06-13 748
一、 微信扫码支付 学习内容： 能够根据微信支付的开发文档调用微信支付的 api 完成统一下单生成微信支付二维码功能 完成支付回调的逻辑处理，掌握 EchoSite的使用 完成推送支付通知功能 微信支付快速入门 1.1 微信支付申请（了解） 第一步：注册公众号（类型须为：服务号） 请根据营业执照类型选择以下主体注册：个体工商户 | 企业 /公司| 政府 | 媒体 | 其他类型 。 第二步：认证公众号 公众号认证后才可申请微信支付，认证费：300元/次。 第三步：提交资料申请微信支付 登录公众平台，点击左
基于websocket实现扫描小程序码登录web页面和微信小程序(双端登录)
it_ape的博客
12-02 2163
SpringBoot+WebSocket+Redis控制二维码失效时间 这里运用了github上基于微信SDK的更易用的SDK weixin-java-miniapp 第一步:导入需要的maven依赖 <!--springboot整合了websocket--> <dependency> <groupId>org.spr...
千峰商城-springboot项目搭建-84-订单提交及支付-显示支付结果(websocket代码实现)...
LYly_B的博客
07-31 428
1.引入依赖 <!-- https://mvnrepository.com/artifact/org.springframework.boot/spring-boot-starter-websocket --> <dependency> <groupId>org.springframework.boo...
微信支付流程、Spring Task以及WebSocket
最新发布
weixin_37085680的博客
07-12 31
微信支付产品微信支付接入流程时序图JSAPl下单商户系统调用该接口在微信支付服务后台生成预支付交易单微信小程序调起支付通过JSAPI下单接口获取到发起支付的必要参数prepay_id，然后使用微信支付提供的小程序方法调起小程序支付准备工作获取微信支付平台证书、商户私钥文件获取临时域名支付成功后微信服务通过该域名回调我们的程...
显示支付结果_WebSocket实现_方案2
asdfgh
08-21 373
显示支付结果_WebSocket实现_方案2
WebSocket - 您有新的订单（SpringBoot 版）
牧码的博客
04-08 898
后台下完订单，前端自动收到订单信息。 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> </dependency> packa...
微信订单号查询系统 php_二：微信订单查询
weixin_39727743的博客
03-08 804
[TOC]官方文档： https://pay.weixin.qq.com/wiki/doc/api/native.php?chapter=9_2## 函数```/*** 微信订单查询* 注：微信订单号和商户订单号选少填一个，微信订单号优先* @param $transaction_id 微信订单号* @param $out_trade_no 商户订单号*/functio...
微信支付—Java实现
许久
12-29 1678
通过微信平台为商家提供代收款服务 一 基础准备 1.微信支付业务—商户注册微信支付业务 网址 https://pay.weixin.qq.com 注册后会获得 商户编号：1497984412** 商户账号AppID：wx632c8f211f8122c6** 商户Key：sbNCm1JnevqI36LrEaxFwcaT0hkGxFnC** 2.申请支付订单—商户向支付平台申请支付链接 ⽀付订单，并不是⽤户提交的商品订单，⽽是商户向微信⽀付平台申请的支付链接url 2.1 导入微信支付的依赖 wx.
微信支付及支付回调
m0_67391518的博客
07-30 1238
**回调接口当用户支付成功之后，微信支付平台就会请求这个接口，将支付状态的数据传递过来Jerry44*//***1.接收微信支付平台传递的数据（使用request的输入流接收）*/=-1){}//使用帮助类将xml接口的字符串转换成mapif(map!//支付成功//2.修改订单状态为“待发货/已支付”"+orderId);//3.响应微信支付平台if(i>0){}}//支付失败}}...
基于Java和React Native搭建的实时聊天工具，功能完全模仿微信.zip
03-24
2. **WebSocket协议**：为了实现实时通信，Java后端可能利用WebSocket协议，这是一种双向通信协议，允许客户端和服务器之间进行持久连接，实现消息的即时推送。 3. **数据库集成**：Java可以方便地与各种数据库（如...
该项目是仿微信7.0实现一个IM APP，APP端基于Kotlin语言以及C++，Server端基于C++.zip
02-10
WebSocket可能用于实现双向实时通信，以实现消息的即时推送。 9. **用户界面（UI）设计与用户体验（UX）**: UI设计需要遵循Android Material Design指南，创建直观、一致且易于使用的界面。同时，UX设计应确保应用...
【微信支付】微信被扫支付接口文档V2.5.7
08-11
被扫支付介绍 被扫支付介绍 被扫支付介绍 1.1 交互细节 交互细节 微信被扫支付场景，支付步骤说明： (1)商户系统生成支付订单，选择微信支付，迚入支付流程； (2)用户打开微信刷卡界面，收银系统扫描到用户二维码或条码(见下左图)； (3)组装支付交易需要的数据，并生成签名(签名方式见1.5节); (4)调用微信被扫 微信被扫 API (详见2.1节)，提交支付请求； (5)用户使用微信被扫支付未超过免密限额(详见1.3节)，微信直接扣款成功，否则用户端微信会弹出输入密码提示(见下中图)，支付成功后用户微信侧会弹出交易结果(见下史图)；
微信支付消息推送Websocket服务器的创建
weixin_52263247的博客
05-25 228
1. 引入依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> <version>2.6.6</version>
实现微信支付（Native支付），使用WebSocket进行推送
weixin_43967582的博客
02-27 1599
实现微信支付（Native支付），使用WebSocket进行推送 本实验使用springboot+vue实现 分四部分讲解 1.简单介绍 2.微信支付工具类 3.创建支付订单，接收付款结果 4.配置SpringBoot支持WebSocket，推送结果 ...
websocket 流式传输 交易订单更新
J_Lee
01-09 2610
websocket 流式传输 交易订单更新
实时订单提醒：GoEasy WebSocket助力app端的顶级营销利器
wahahachuang6的博客
05-17 363
​ 在现代移动应用的竞争中，实时订单提醒已成为各行业企业提高用户体验、增加转化率的重要策略之一。用户希望及时获得重要的订单通知，以便能够迅速采取行动。而GoEasy WebSocket作为一款高效稳定的通信解决方案，为App端提供了实现实时订单提醒的理想工具。 ​
苍穹外卖项目解读(四) 微信小程序支付、定时任务、WebSocket
代码的尽头都是数学
08-10 2795
苍穹外卖项目解读(四) 微信小程序支付、定时任务、WebSocket
【支付】——毕业设计中利用websocket做模拟支付
我爱吃土豆
09-21 6059
前言 最近在做公司项目时使用websocket在支付回调接口中刷新页面状态时，忽然想起今年毕业做毕业设计的时候，做的是一个电商系统，那么支付是必不可少的，当时还没有听说过websocket，去网上查阅资料，申请支付宝或者微信授权肯定是不现实的，还搞了很久的沙箱支付，现在想想真是傻，没有早一点接触到websocket，至于websocket是一门怎样的技术我们在此不做过多介绍，大家可自行查阅资料，......
python实现页面跳转_python实现微信支付后，如何实现页面跳转
weixin_39621456的博客
11-28 275
使用websocket问题解决了。只需要在问题图片里的红色框位置调用send()方法，把订单号和要发送的消息传递进去，前端js一旦收到消息，便可以做跳转了。创建一个空字典，用于保存所有接入的用户地址clients = {}@accept_websocketdef websocketLink(request, out_trade_no):'连接websocket'# 获取连接if request.i...
java怎么实现微信native支付后，知道有没有支付成功，websocket
04-02
Java可以通过以下步骤实现微信native支付后，使用websocket判断支付是否成功： 1. 首先，您需要在微信支付平台注册并获得商户号和API密钥。 2. 在您的Java应用程序中，使用微信支付API向微信支付平台发起支付请求...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值