微信小程序支付前端工作记录

前端小程序支付流程记录

微信小程序内支付其实就和jsapi一回事,需要的参数都是一样的

区别：

• jsapi

需要跳转url授权获取code，唤醒支付api为：WeixinJSBridge.invoke()

• 微信小程序支付

可以直接使用wx.login()获取code，唤醒支付api为：wx.requestPayment()

代码如下：

 wx.requestPayment({
    "timeStamp": this.data.timeStamp,
    "nonceStr": this.data.nonceStr,
    "package": this.data.package,
    "signType": this.data.signType,
    "paySign": this.data.paySign,
    "success": (suc) => {
        wx.showToast({
          title: '支付成功',
          icon: 'success',
          duration: 2000
        })
        //成功之后要做的事
    },
    "fail": (err) => {
      wx.showToast({
        title: '取消支付',
        icon: 'none',
        duration: 2000
      })
      //失败之后要做的事
      //console.log(err);
    },
    "complete": (com) => {
    //完成之后的回调不管失败成功都会走
      //console.log(com);
    }
})

支付这种功能前端的确没什么好说的，主要就是和后端沟通好流程！