微信支付及二维码生成

完整流程在这里插入图片描述

从微信官方的文档来看,开发需要做的事情主要有一下几个步骤:
1.生成订单并调用统一下单api;
2.接收预支付链接。
3.将链接生成为二维码。
4.等待微信通知支付结果。
5.回执。
6.可调用查询api查询订单状态(可选)。

1.下单接口调用:

请求参数:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
关键的必填信息就几个:
公众号ID、商户号、随机字符串、签名、商品描述、商户订单号、标价金额、终端ip、通知地址、交易类型。

java实现:

引入依赖

<dependency>
    <groupId>com.github.wxpay</groupId>
    <artifactId>wxpay-sdk</artifactId>
    <version>0.0.3</version>
</dependency>

编写配置文件类,实现WXPayConfig
在这里插入图片描述
属性信息:
公众号id,商户id,秘钥,链接超时时长,等待超时时长,通知地址
在这里插入图片描述
前三项为微信提供,剩下的三项为开发者提供
将配置注入到配置文件类。构造WXPay,参数为配置文件,以及签名方式。将WXPay注入到Spring。就可以利用WXPay这个工具类了。
在这里插入图片描述
最终完整工具类,使用的时候仅需要传入订单号、支付金额、商品描述在这里插入图片描述

通知与ack

支付成功后,微信将调用配置的地址来通知商户支付成功。商户接收后需要回执
notifyUrl需要一个带http的完整外网ip

详细见微信支付开发者文档:https://pay.weixin.qq.com/wiki/doc/api/native.php?chapter=23_8&index=5,接口且不能设置验证登录状态。
微信会post一个xml,默认@RequestBody注解会转换json格式,
在这里插入图片描述
需要有com.fasterxml.jackson.dataformat.xml.XmlMapper类存在,所以引入注解

        <dependency>
            <groupId>com.fasterxml.jackson.dataformat</groupId>
            <artifactId>jackson-dataformat-xml</artifactId>
        </dependency>

再使用@RequestBody即可映射xml格式

ACK

在这里插入图片描述
微信接收一个xml,所以返回produces加入参数"application/xml"在这里插入图片描述
如果不ack微信会在二十四小时内发送15次通知。如果无法接收通知,可以调用查询api来手动验证支付结果。
本地需要做签名校验、以及通信成功校验,修改本地订单状态等,这里不详细说了

前端

前端拿到二维码链接之后,需要转换成二维码展示。
这里使用qrcode.min.js插件

引入插件

在这里插入图片描述
异步调用从后台获取二维码url 在这里插入图片描述

页面加入标签 qrImage
在这里插入图片描述
详见https://github.com/davidshimjs/qrcodejs

  • 3
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值