微信小程序 - 实现微信支付

微信小程序在微信的生态内，接入微信付一定是小程序开发中必须实现的一个功能，这里分享下小程序实现微信支付功能开发流程和思路。

参考文档：[微信支付开发文档]

1、准备工作：开通微信支付和微信商户号

没有开通微信支付的小程序，将不能实现使用微信支付。当然也没啥，可以按照步骤来申请，但是申请成功后发给你的邮件一定要保存，此邮件包含开发时需要使用的支付账户信息 。



2、弄清楚开发流程

业务流程时序图如下：



3.用户请求下单支付

前台代码：小程序调起支付

formSubmit: function (e) {
var that = this
wx.request({
url: url + "pay/buyGoods",
method: 'POST', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
header: { 'Content-Type': 'application/json' },
data: {
token: app.globalData.token, // 用户标识
goodsId: that.data.goodsId, //商品id
phone: e.detail.value.phone, //付款用户电话
},
success: function (res) {
if (res.data.data != null) {
//调起微信支付
wx.requestPayment({
timeStamp: res.data.data.timeStamp,
nonceStr: res.data.data.nonceStr,
package: res.data.data.packages,
signType: 'MD5',
paySign: res.data.data.paySign,
success: function (ress) {
wx.showToast({
title: '支付成功',
icon: 'success',
duration: 3000,
success: function () {
},
fail: function (res) {
wx.showToast({
title: '支付失败',
icon: 'success',
duration: 3000,
success: function () {
},
})
}
})
}
})
}
}
})
}

4、后台生成订单，之后调用微信统一下单API，数据签名后返回前台支付参数

@Controller
@RequestMapping("/pay")
public class TransferController {

private static final Logger LOG = Logger.getLogger(TransferController.class);

// 调用该接口在微信支付服务后台生成预支付交易单，返回正确的预支付交易
private static final String USER_PAY = "https://api.mch.weixin.qq.com/pay/unifiedorder";

// 小程序ID
private static final String APP_ID = ConfigUtil.getProperty("wx.appid");

// 商户号
private static final String MCH_ID = ConfigUtil.getProperty("wx.mchid");

// API密钥
private static final String API_SECRET = ConfigUtil.getProperty("wx.api.secret");

@Autowired
private TransferService transferService;

@Autowired
private WedoWxpayService wedoWxpayService;

@RequestMapping(value = "/buyGoods")
public @ResponseBody Map<String, String> buyGoods(HttpServletRequest req, HttpServletResponse resp)
throws Exception {
req.setCharacterEncoding("utf-8");
resp.setCharacterEncoding("utf-8");
resp.setContentType("text/html;charset=UTF-8");

String sum= req.getParameter("phone"); // 电话
String goodsId= req.getParameter("goodsId");// 商品id

// 发起预付款
Map<String, String> map = new HashMap<String, String>();
Map<String, String> restmap = null;
String payId = "";
try {
Map<String, String> parm = new HashMap<String, String>();
parm.put("appid", APP_ID); // 公众账号appid
parm.put("mch_id", MCH_ID); // 商户号
parm.put("nonce_str", PayUtil.getNonceStr()); // 随机字符串
parm.put("out_trade_no", PayUtil.getTransferNo()); // 商户订单号
parm.put("total_fee", sum); // 付款金额sum
parm.put("body", "xxx支付"); // 付款描述信息
parm.put("spbill_create_ip", PayUtil.getLocalIp(req)); // Ip地址
parm.put("trade_type", "JSAPI"); // 交易类型
// 支付成功后的一个通知地址(接收微信支付异步通知回调地址)
parm.put("notify_url", "http://xxx/xxx/transfer/Notify");
parm.put("sign", PayUtil.getSign(parm, API_SECRET)); // 签名

// 预支付请求
String restxml = HttpUtils.posts(USER_PAY, XmlUtil.xmlFormat(parm, false));
// 预支付返回解析
restmap = XmlUtil.xmlParse(restxml);
String prepay_id = "prepay_id=" + restmap.get("prepay_id").toString();

// 返回给小程序前端的信息
Map<String, String> result = new HashMap<String, String>();
Map<String, String> resultMap = new HashMap<String, String>();
result.put("appId", APP_ID); // 公众账号appid
result.put("nonceStr", PayUtil.getNonceStr()); // 随机字符串
result.put("package", prepay_id);
result.put("timeStamp", new Date().getTime() / 1000 + "");
result.put("signType", "MD5");

resultMap.put("nonce_str", result.get("nonceStr"));
resultMap.put("package", prepay_id);
resultMap.put("timeStamp", result.get("timeStamp"));
resultMap.put("signType", "MD5");
resultMap.put("paySign", PayUtil.getSign(result, API_SECRET)); // 再次签名
map = resultMap;

payId = transferService.insert(parm.get("total_fee"),openid.replaceAll("\"", ""), parm.get("out_trade_no"),parm.get("body"), parm.get("spbill_create_ip"), prepay_id, result.get("timeStamp"), sum,goodsId);
} catch (Exception e) {
LOG.error(e.getMessage(), e);
}
map.put("payId", payId);
return map;
}

/**
* 支付结果通知
*
* @param req
* @param resp
* @return
* @throws Exception
*/
@RequestMapping(value = "/Notify")
public @ResponseBody String Notify(HttpServletRequest req, HttpServletResponse resp) throws Exception {
// 1.获取微信通知的参数
String inputLine;
String notityXml = "";
try {
while ((inputLine = req.getReader().readLine()) != null) {
notityXml += inputLine;
}
req.getReader().close();
} catch (Exception e) {
e.printStackTrace();
return null;
}
Map<String, String> resultMap = XmlUtil.xmlParse(notityXml);
String resultCode = resultMap.get("result_code");
System.out.println(resultMap);
if (resultCode == "SUCCESS" || "SUCCESS".equals(resultCode)) {
System.out.println(resultCode);
// 2.更新订单的相关状态
String outtradeno = resultMap.get("out_trade_no");
transferService.updateByOutNo(outtradeno);
} else {
return null;
}
// 3.返回一个xml格式的结果给微信服务器
Map<String, String> parm = new HashMap<String, String>();
parm.put("return_code", "SUCCESS");
parm.put("return_msg", "OK");
return XmlUtil.xmlFormat(parm, false);
}

}

代码很 low 但是这样简单几步，小程序的微信支付功能就简单实现了，文章仅仅提供了一个思路，具体实现根据自己项目而定。

水平有限，若有问题请留言交流！

互相学习，共同进步 ：） 转载请注明出处谢谢！