小程序模板網(wǎng)

微信小程序支付函數(shù)封裝

發(fā)布時間:2021-06-04 08:23 所屬欄目:小程序開發(fā)教程
微信小程序項(xiàng)目的時候基本都經(jīng)常用到微信支付,改方法官方文檔如下:
微信小程序支付函數(shù)
每次調(diào)用微信支付需要如下代碼:
微信支付寶調(diào)用代碼
在項(xiàng)目實(shí)際使用過程中,可以給這個函數(shù)封裝了起來 
首先在utils下面創(chuàng)建一個新的文件 
命名為config.js

然后代碼如下

/**
 * 自定義封裝支付函數(shù)
 */
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,
      })
    }
  })
}
最后在這個文件最后導(dǎo)出來

//導(dǎo)出模塊
module.exports = {
    pay:pay
}
用的時候在需要調(diào)用支付的頁面引入config.js這個文件,比如

const config = require('../../utils/config.js');
然后要用的時候直接調(diào)用

config.pay(res, (res) => {
          //這里是支付成功的回調(diào)
      },(res)=>{
          //這里是支付失敗的回調(diào)函數(shù)
      })


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://m.u-renovate.com/wxmini/doc/course/26067.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢
AI智能客服 ×