微信小程序之二次封装微信支付函数

微信小程序之二次封装微信支付函数

我们平常做微信小程序的时候基本都经常用到微信支付，这个方法
官方文档是这样介绍的

每次调用都需要这样

难免很麻烦，于是乎我偷了个懒
我给这个函数封装了起来
首先在utils下面创建一个新的文件
我命名为config.js(这个是根据个人爱好来的)

然后代码如下

/**
 * 自定义封装支付函数
 */
function pay(res, successData,errorData) {
  console.log(res.data.data)
  wx.requestPayment({
    "timeStamp": res.data.data.timeStamp,
    "nonceStr": res.data.data.nonceStr,
    "package": res.data.data.package,
    "signType": "MD5",
    "paySign": res.data.data.paySign,
    "success": function (res) {
      wx.showToast({
        title: '支付完成',
        icon: "success",
        duration: 1500,
        success: function (data) {
          successData(data)
        }
      })
    },
    "fail": function (res) {
      if (errorData){
        errorData(res)
      }
      wx.showToast({
        title: '取消支付成功！',
        icon: "success",
        duration: 1500,
      })
    }
  })
}

最后在这个文件最后导出来

//导出模块
module.exports = {
    pay：pay
}

用的时候在需要调用支付的页面引入config.js这个文件，比如

const config = require('../../utils/config.js');

然后要用的时候直接调用

config.pay(res, (res) => {
          //这里是支付成功的回调
      }，(res)=>{
          //这里是支付失败的回调函数
      })

哈哈！欢迎大家关注我，还有好多小宝贝没来及跟大家分享，之前项目太忙一直没坚持下来写博客，以后就准备每天都跟大家分享一下，互相学习进步