小程序雲開發實現微信支付

對於沒有學過其他語言的同學來說學習前後端實現的微信支付感覺比較浪費時間,今天我就介紹一下怎麼簡單的幾行代碼就實現小程序的微信支付,
話不多說直接上代碼
1.wxml代碼

js代碼
js 代碼

Page({
  //獲取用戶openid
  getOpenid() {
    let that = this;
    wx.cloud.callFunction({
      name: "pay",
      data:{
        money:3
      },
      success(res) {
        console.log("獲取成功", res)
        that.goPay(res.result);
      },
      fail(err) {
        console.log("獲取失敗", err)
      }
    })
  },
  //微信支付
  goPay(payData) {
    wx.requestPayment({
      timeStamp: payData.timeStamp,
      nonceStr: payData.nonceStr,
      package: payData.package,
      signType: 'MD5',
      paySign: payData.paySign,
      success(res) {
        console.log("支付成功", res)
      },
      fail(res) {
        console.log("支付失敗", res)
      }
    })
  }
})

接下來就是雲函數代碼了

雲函數代碼

在這裏插入代碼片//1,引入依賴
const tenpay = require('tenpay');
//2,配置參數
const config = {
  appid: 'wxc4cd2501677e416366',//這裏要換成自己的appid
  mchid: '156619191821',        //這是商戶號
  partnerKey: 'chongqinghonglikejiyouxiangongsi',
  notify_url: 'https://www.baidu.com',
  spbill_create_ip: '127.01.01.11'
};
exports.main = async(event, context) => {
  const wxContext = cloud.getWXContext()
  //3,初始化
  const api = tenpay.init(config);
that = this
  //4,獲取支付參數
  let result = await api.getPayParams({
    out_trade_no: Date.now(),
    body: '商品簡單描述',
    total_fee: 1, //這裏是支付的金額單位是分
    openid: wxContext.OPENID, 
  });
   return result
}

雲開發實現微信支付還有掃碼不懂的可以關注我 隨時問我,我也準備了源碼給大家下載,近期也會開課講解雲開發實現微信支付!謝謝大家關注

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章