实用!!!!springBoot加入微信扫码支付功能,有一说一还是挺有意思的

基于springboot微服务加入微信支付的功能

 

在线微信支付开发文档:

https://pay.weixin.qq.com/wiki/doc/api/index.html

native扫码支付方式:

实用!!!!springBoot加入微信扫码支付功能,有一说一还是挺有意思的

 

 统一下单api

1.新建工程 导入pom依赖 注意:这个包是从微信开发网站下载的

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

2.创建com.github.wxpay.sdk包,包下创建MyConfig类 ,继承自抽象类WXPayConfig
这个包名结构不能改变
com.github.wxpay.sdk

public class MyConfig extends WXPayConfig {
    String getAppID() {
        return "wx8397f8696b538317";
    }
    String getMchID() {
        return "1473426802";
    }?
    String getKey() {
        return "T6m9iK73b0kn9g5v426MKfHQH7X8rKwb";
    }
    InputStream getCertStream() {
        return null;
    }
    IWXPayDomain getWXPayDomain() {
        return new IWXPayDomain() {
            public void report(String domain, long elapsedTimeMillis, Exception ex) {
            }
            public DomainInfo getDomain(WXPayConfig config) {
                return new DomainInfo("api.mch.weixin.qq.com",true);
            }
        };
    }
}

appid:微信公众账号或开放平台APP的唯一标识 wx8397f8696b538317


mch_id:商户号  1473426802


key:商户密钥 T6m9iK73b0kn9g5v426MKfHQH7X8rKwb

这个是对应支付下单配置类的3个方法的值,测试的时候可以用一下,开发的时候是需要公司去微信官网申请的


3.创建测试类,编写代码

MyConfig config=new MyConfig();

WXPay wxPay=new WXPay( config );
Map<String,String> map=new HashMap();

map.put("body","亲亲商城");//商品描述

map.put("out_trade_no","55555211");//订单号

map.put("total_fee","1");//金额

map.put("spbill_create_ip","127.0.0.1");//终端IP

map.put("notify_url","http://www.baidu.com");//回调地址,这个回调地址到时候要写自己公司注册的地址

map.put("trade_type","NATIVE");//交易类型
Map<String, String> result = wxPay.unifiedOrder( map );
System.out.println(result);


map中需要提供的参数 key值要对应起来
实用!!!!springBoot加入微信扫码支付功能,有一说一还是挺有意思的

 

 实用!!!!springBoot加入微信扫码支付功能,有一说一还是挺有意思的

 

 实用!!!!springBoot加入微信扫码支付功能,有一说一还是挺有意思的

 

 必填的都是需要添加到map中的数据 (公众账号ID,商户号在config配置类中已经填写了,另外随机字符串和签名会默认生成这个两个也不需要填写)



执行后返回结果 就是一个JSON字符串

{nonce_str=fvMGIlLauUPNCtws,
code_url=weixin://wxpay/bizpayurl?pr=I5sd2rc,
appid=wx8397f8696b538317,
sign=48B2938F70EDADC9CC235249BC085FD1D83456F67C46601FFD23B5AFBDA502D0,
trade_type=NATIVE, return_msg=OK, result_code=SUCCESS,
mch_id=1473426802, return_code=SUCCESS, prepay_id=wx17193859685440d561c4cef01259098400}
到这里下单的功能就实现了,下面是怎么样生成二维码了:
其中的code_url就是我们的支付URl ,我们可以根据这个URl 生成支付二维码

QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。支持该库的浏览器有:IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile, 等

我们看一下静态原型wxpay.html中的代码,显示二维码的地方放置<div id=‘qrcode‘></div> ,然后编写脚本

 

把下面的Javas‘c‘rpit脚本导入到HTML页面就行了

<script src="js/plugins/qrcode.min.js" ></script>
<script type="text/javascript">
let qrcode = new QRCode(document.getElementById("qrcode"), {
    width : 200,
    height : 200
});
qrcode.makeCode("weixin://wxpay/bizpayurl?pr=Y3hDTZy");//这里的值是动态生成的,测试时候可以直接把获取到的code_url值复制到这里一样的看到效果
</script>

注意要有这个qrcode.js这个文件库哦
开发中我们通常是把 code_url 的值通过thymeleaf来传递到HTML页面去的,来动态的生成要支付的二维码
 

 

实用!!!!springBoot加入微信扫码支付功能,有一说一还是挺有意思的

上一篇:Docker 安装Mysql8.0及配置教程


下一篇:NModbus使用示例