小程序下单购买支付流程

~柠凉id

已于 2023-02-17 12:21:29 修改

阅读量1.7k

点赞数

分类专栏： JavaScript 前端文章标签：小程序微信小程序

于 2022-12-30 23:16:07 首次发布

本文链接：https://blog.csdn.net/m0_71933813/article/details/128501742

版权

本文介绍了微信小程序从点击购买到完成支付的整个流程。首先，通过接口获取商品信息并跳转到订单填写页；接着，调用填写订单接口获取订单详情并显示；最后，提交订单并触发支付接口，利用订单ID和相关参数调用微信小程序支付API进行实际支付操作，重点强调了支付过程中所需的关键参数。

摘要由CSDN通过智能技术生成

立即购买
点击立即购买会先调用立即购买的接口，传商品id和数量以及规格id过去获取到data数据，

然后跳转到填写订单页面，进入填写订单页面会立即调用填写订单的接口，传catid过去，catid就是刚刚获取到的data数据，调用之后会获取到订单的信息，把信息渲染到订单页面就可以了，

第三步，点击去付款会触发两个接口，首先先触发提交订单的接口，传catid以及优惠券之类的数据，得到订单id，然后拿着订单id去调用支付的接口，会获取到做真正支付需要的数据，最后去调用小程序支付的api实现真正的支付，微信小程序实现真正支付主要是需要一下几个参数，需要记住这几个参数
timeStamp----时间戳
nonceStr ----随机字符串
package-----统一下单接口返回的 prepay_id 参数值
signType-----默认值为MD5，签名算法
paySign-----签名

具体实现代码如下：

payOrder() {
    let that = this;
    util.request(api.OrderPrepay, {
      orderId: that.data.orderId
    }, 'POST').then(function(res) {
      if (res.errno === 0) {
        const payParam = res.data;
        console.log("支付过程开始")
        wx.requestPayment({
          'timeStamp': payParam.timeStamp,