基于springboot的微信公众号JSAPI支付

前端js代码：

function onBridgeReady(appId,timeStamp,nonceStr,package,signType,paySign){
        let params = {
            "appId":appId,     //公众号名称，由商户传入
            "timeStamp":timeStamp,         //时间戳，自1970年以来的秒数
            "nonceStr":nonceStr, //随机串
            "package":package,
            "signType":signType,         //微信签名方式：
            "paySign":paySign //微信签名
        };
        WeixinJSBridge.invoke(
            'getBrandWCPayRequest', params,
            function(res){
                if(res.err_msg == "get_brand_wcpay_request:ok" ){
                    WeixinJSBridge.call('closeWindow');
                }
            });
    }

    function callpay(){
        if (typeof WeixinJSBridge === undefined){
            if( document.addEventListener ){
                document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
            } else if (document.attachEvent){
                document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
                document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
            }
        }
    }
   
    var isClick = true;
    $("#formSubmitBtn").click(function () {
        weui.form.validate('#form', function (error) {
            if (!error) {
                // ajax提交审核/防止多次点击
                if (isClick) {
                    isClick = false;
                    $("#formSubmitBtn").removeClass("weui-btn_primary").css("color", "gray");
                    //事件提交
                    foo();
                    //定时器
                    setTimeout(function () {
                        isClick = true;
                        $("#formSubmitBtn").addClass("weui-btn_primary").css("color", "#fff");
                    }, 5000);//五秒内不能重复点击
                }
            }
        }, regexp);
    });
    let foo = function () {
        var formData = new FormData($("#form")[0]);
        setTimeout(function () {
            callpay();
            $.ajax({
                url: "/accPay/weixinpay",
                type: "post",
                data: formData,
                // dataType: "json",
                //发送不想转换的的信息
                processData: false,
                contentType: false,
                success: function (data) {
                    var obj = data.orderInfo;
                    if (data.code == 0) {
                        let appId = obj.appId;
                        let timeStamp = obj.timeStamp;
                        let nonceStr = obj.nonceStr;
                        let package = obj.package;
                        let signType = obj.signType;
                        let paySign = obj.sign;
                        onBridgeReady(appId, timeStamp, nonceStr, package, signType, paySign);
                    }else{
                        $.toast(data.msg,"cancel");
                    }
                }
            });
        }, 1500);
    }

pom.xml文件中添加依赖：

    <!-- fastbootWeixin的核心依赖 -->
    <dependency>
        <groupId>com.mxixm</groupId>
        <artifactId>fastboot-weixin</artifactId>
        <version>0.6.2</version>
    </dependency>

    <!-- 支付sdk -->
    <dependency>
        <groupId>com.egzosn</groupId>
        <artifactId>pay-java-common</artifactId>
        <version>2.12.4</version>
    </dependency>
    <!-- 微信支付 -->
    <dependency>
        <groupId>com.egzosn</groupId>
        <artifactId>pay-java-wx</artifactId>
        <version>2.12.4</version>
    </dependency>                        

通过WxWebUser获取openid配置：微信公众平台——登录并进入公众号——功能设置——网页授权域名，设置域名。

application.yml

wx:
  appid: 公众号APPID
  appsecret: 公众号秘钥
  token: 公众号token
  callback-url: 域名
  path: wx
#  微信公众号支付配置
weixinpay:
  mchId:  # 商户Id
  storePassword: b # 秘钥支付密码
  appid:  #公众号APPID
  secretKey:  # 公众号秘钥
  notifyUrl:  #微信支付回调，例：域名/accPay/weixinpayBack

公众号配置类：

import lombok.Data;
import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.stereotype.Component;

/**
 * 微信公众号的配置信息
 */
@Data
@Component
@ConfigurationProperties(prefix = "weixinpay")
public class WeixinAccPayConfig {
	private String mchId;
	private String appid;
	private String secretKey;
	private String notifyUrl;
	private String keystore;
	private String storePassword;
}

后台业务逻辑代码：

@RestController
@RequestMapping("/accPay")
@Slf4j
public class WeiXinAccPayController {
	@Autowired
	WeixinAccPayConfig weixinpayConfig;//微信公众号    
	private PayService service = null;

	@PostConstruct
	public void init() {
		WxPayConfigStorage wxPayConfigStorage = new WxPayConfigStorage();
		wxPayConfigStorage.setMchId(weixinpayConfig.getMchId()); // 合作者id（商户号
		wxPayConfigStorage.setAppid(weixinpayConfig.getAppid()); // 应用id
		wxPayConfigStorage.setSecretKey(weixinpayConfig.getSecretKey()); // 密钥
		wxPayConfigStorage.setNotifyUrl(weixinpayConfig.getNotifyUrl()); // 异步回调地址 http://域名:端口号/项目名/回调接口名称
		wxPayConfigStorage.setSignType(SignUtils.MD5.name());
		wxPayConfigStorage.setInputCharset("utf-8");
		service = new WxPayService(wxPayConfigStorage);
	}
	

	/**
	 * 返回订单信息
	 *
	 * @param request
	 * @return
	 */
	@RequestMapping(value = "/weixinpay", method = RequestMethod.POST)
	@NoRepeatSubmit
	public Map<String, Object> weixinpay(HttpServletRequest request, 在这里可以加前台需要向后台传递的参数) {
		WxWebUser wxWebUser = WxWebUtils.getWxWebUserFromSession();
		if (wxWebUser == null) {
			return R.error("请使用微信操作");
		}		
		
		// 在这一步，可以传入一个订单Id,自行去搜索订单信息，并填写以下内容
		PayOrder payOrder = new PayOrder();// 这个就是支付成功后，在微信支付里面返回的信息(支付订单信息)
		// 一下内容需要分情况而定，自行填写。
		payOrder.setSubject("body");
		payOrder.setPrice(new BigDecimal(0.01));// 价格
		payOrder.setOutTradeNo(outTradeNo);
		payOrder.setDeviceInfo("WEB");
		payOrder.setSpbillCreateIp(IPUtils.getIpAddr());//自行搜索IPUtils
		payOrder.setOpenid(wxWebUser.getOpenId());
		payOrder.setTransactionType(WxTransactionType.JSAPI);// 支付方式
		Map orderInfo = service.orderInfo(payOrder);// 返回创建的订单信息		
		log.info("获取预支付订单信息回参" + orderInfo.toString());
		// 可自行选择 ，是否将支付的流水插入到数据库中。返回的信息由：signType appId timeStamp nonceStr package sign
		return R.ok().put("orderInfo", orderInfo);
	}

	/**
	 * 支付回调
	 *
	 * @param request
	 * @return
	 * @throws IOException
	 */
	@RequestMapping(value = "weixinpayBack")
	public String payBack(HttpServletRequest request) throws IOException {
		// 获取支付方返回的对应参数
		Map<String, Object> params = service.getParameter2Map(request.getParameterMap(), request.getInputStream());
		if (null == params) {
			log.debug("通知失败");
			return service.getPayOutMessage("failed", "通知失败").toMessage();
		}
		// 校验
		if (service.verify(params)) {
			// 这里处理业务逻辑 支付成功后的代码逻辑块
			// ......业务逻辑处理块，注意：回调可能会多次调用........
            //使用WxMessageTemplate.sendTemplateMessage(templateMessage)发送模板消息
			log.info("request.getParameterMap：" + params.toString());
			return service.getPayOutMessage("success", "支付成功").toMessage();
		}
		log.debug("通知支付失败");
		return service.getPayOutMessage("fail", "支付失败").toMessage();
	}