微信支付及二维码生成

完整流程微信支付及二维码生成_第1张图片

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

1.下单接口调用:

请求参数:

微信支付及二维码生成_第2张图片
微信支付及二维码生成_第3张图片
微信支付及二维码生成_第4张图片
微信支付及二维码生成_第5张图片
关键的必填信息就几个:
公众号ID、商户号、随机字符串、签名、商品描述、商户订单号、标价金额、终端ip、通知地址、交易类型。

java实现:

引入依赖


    com.github.wxpay
    wxpay-sdk
    0.0.3

编写配置文件类,实现WXPayConfig
微信支付及二维码生成_第6张图片
属性信息:
公众号id,商户id,秘钥,链接超时时长,等待超时时长,通知地址

前三项为微信提供,剩下的三项为开发者提供
将配置注入到配置文件类。构造WXPay,参数为配置文件,以及签名方式。将WXPay注入到Spring。就可以利用WXPay这个工具类了。
微信支付及二维码生成_第7张图片
最终完整工具类,使用的时候仅需要传入订单号、支付金额、商品描述微信支付及二维码生成_第8张图片

通知与ack

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

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

        
            com.fasterxml.jackson.dataformat
            jackson-dataformat-xml
        

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

ACK

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

前端

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

引入插件

在这里插入图片描述
异步调用从后台获取二维码url 微信支付及二维码生成_第12张图片

页面加入标签 qrImage
微信支付及二维码生成_第13张图片
详见https://github.com/davidshimjs/qrcodejs

你可能感兴趣的:(微信支付)