微信小程序支付开发从入门到精通

2023-10-05 19:47:37

微信小程序支付：从入门到精通

准备工作

踏上微信小程序支付之旅前，你需要备齐以下装备：

一个微信小程序项目
一个 SpringBoot 项目
一个微信支付商户号
一个微信支付 API 秘钥

SpringBoot 项目配置

添加依赖：

<dependency>
  <groupId>com.github.binarywang</groupId>
  <artifactId>weixin-java-miniapp</artifactId>
  <version>3.16.0</version>
</dependency>

配置微信支付参数：

@Configuration
public class WechatPayConfig {

    @Value("${wxpay.appid}")
    private String appId;

    @Value("${wxpay.mchId}")
    private String mchId;

    @Value("${wxpay.mchKey}")
    private String mchKey;

    @Value("${wxpay.notifyUrl}")
    private String notifyUrl;

    @Bean
    public WxPayService wxPayService() {
        WxPayConfigImpl config = new WxPayConfigImpl();
        config.setAppId(appId);
        config.setMchId(mchId);
        config.setMchKey(mchKey);
        config.setNotifyUrl(notifyUrl);
        return new WxPayServiceImpl();
    }
}

微信小程序端开发

创建支付订单：

const orderInfo = {
  body: '商品名称',
  out_trade_no: '订单号',
  total_fee: '金额（单位：分）',
};

wx.requestPayment({
  ...orderInfo,
  success: (res) => {
    console.log('支付成功', res);
  },
  fail: (err) => {
    console.log('支付失败', err);
  },
});

接收支付回调：

@PostMapping("/wechat/pay/notify")
public String payNotify(@RequestBody String xml) {
    WxPayService wxPayService = wxPayService();
    PayNotifyResponse response = wxPayService.parsePayNotifyResult(xml);
    if (response.isReturnCodeSuccess()) {
        // 支付成功，处理业务逻辑
        return "<xml><return_code><![CDATA[SUCCESS]]></return_code><return_msg><![CDATA[OK]]></return_msg></xml>";
    } else {
        return "<xml><return_code><![CDATA[FAIL]]></return_code><return_msg><![CDATA[支付失败]]></return_msg></xml>";
    }
}