欢迎光临,了解微信小程序开发,就上易用通!

微信小程序支付函数封装

发布:2021-06-04 08:23浏览: 来源:网络 作者:tianshu

微信小程序项目的时候基本都经常用到微信支付,改方法官方文档如下:
微信小程序支付函数
每次调用微信支付需要如下代码:
微信支付宝调用代码
在项目实际使用过程中,可以给这个函数封装了起来 
首先在utils下面创建一个新的文件 
命名为config.js
微信小程序支付函数封装(图3)
然后代码如下

/**
 * 自定义封装支付函数
 */
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)=>{
          //这里是支付失败的回调函数
      })



免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。