微信小程序开发之小程序微信支付功能源码

Posted yunshangxiaolei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序开发之小程序微信支付功能源码相关的知识,希望对你有一定的参考价值。

微信小程序开发功能之:微信支付

微信支付需要配置后台操作。根据小程序开发文档返回的参数进行处理

微信小程序前端支付接口

function wxPay(data, CallBack) {
  data.custID = custID
  wx.request({
    url: SendPay_ApiUrl,
    data: data,
    header: {
      ‘content-type‘: ‘application/json‘
    },
    success: function (res) {
      var data=JSON.parse(res.data)
      console.log(res)
      console.log(‘appId:‘ + data.appId)
      console.log(‘key:‘ + data.Key)
      console.log(‘timeStamp:‘ + data.timeStamp)
      console.log(‘nonceStr:‘ + data.nonceStr)
      console.log(‘package:‘ + data.package)
      console.log(‘paySign:‘ +data.paySign)

      var singValue = ""
      singValue += "appId=" +data.appId
      singValue += "&nonceStr=" + data.nonceStr
      singValue += "&package=prepay_id=" + data.package
      singValue += "&signType=MD5"
      singValue += "&timeStamp=" + data.timeStamp
      singValue += "&key=" + data.Key

      console.log(singValue)
      var paySign = md5.hex_md5(singValue)
      paySign = paySign.toUpperCase()
      console.log(paySign)
      wx.requestPayment({
        ‘timeStamp‘: data.timeStamp,
        ‘nonceStr‘: data.nonceStr,
        ‘package‘: ‘prepay_id=‘ + data.package,
        ‘signType‘: ‘MD5‘,
        ‘paySign‘: paySign,
        ‘success‘: function (res) {
          CallBack(res)
        },
        ‘fail‘: function (res) {
          CallBack(res)
        }
      })
    }
  })
}
SendPay_ApiUrl:后台的支付地址
data:页面相应的参数:例:order_num:123456
CallBack:回调函数

 

以上是关于微信小程序开发之小程序微信支付功能源码的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序开发共工具怎么倒入源码

微信小程序开发问题整理,涉及到小程序支付组件以及各种API问题

微信小程序开发时如何调用本地图片

微信小程序开发之代码提示插件(VSCode)

API-微信小程序开发

Okam(奥卡姆):小程序开发框架,支持百度小程序微信小程序支付宝小程序