微信开发之支付功能怎么实现

  介绍

小编给大家分享一下微信开发之支付功能怎么实现,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

<强>微信小程序支付功能(前端)的实现

只提供微信小程序端代码:

var  app =, getApp ();   页面({   ,,数据:{},   onLoad才能:function (选项),{   ,,,//,页面初始化,选项为页面跳转所带来的参数   ,,,var  that =,   ,,,//登陆获取代码   ,,,wx.login ({   ,,,,,成功:,function  (res), {   ,,,,,,,console.log (res.code)   ,,,,,,,//获取openid   ,,,,,,,that.getOpenId (res.code)   ,,,,,}   ,,,});   ,,},   ,,getOpenId: function (代码),{   ,,,var  that =,;   ,,,wx.request ({   ,,,,,url:,“https://api.weixin.qq.com/sns/jscode2session?appid=小程序appid&秘密=小程序应用密钥,js_code=? +, code  +,“和grant_type=authorization_code",   ,,,,,数据:,{},   ,,,,,方法:,& # 39;得到# 39;   ,,,,,成功:,function  (res), {   ,,,,,,,that.generateOrder (res.data.openid)   ,,,,,},   ,,,,,失败:,function  (), {   ,,,,,,,//失败   ,,,,,},   ,,,,,完成:,function  (), {   ,,,,,,,//完成   ,,,,,}   ,,,})   ,,},/* *生才能成商户订单,*/,,generateOrder: function  (openid), {   ,,,var  that =,   ,,,//统一支付   ,,,wx.request ({   ,,,,,url:, & # 39;后台路径& # 39;,   ,,,,,方法:,& # 39;得到# 39;   ,,,,,数据:,{   ,,,,,,,gfee:, & # 39;商品价钱& # 39;,   ,,,,,,,gname:, & # 39;商品名称& # 39;,   ,,,,,,,openId: openId   ,,,,,,,(商品价钱和商品名称根据自身需要是否传值,openid为必传)   ,,,,,},   ,,,,,成功:,function  (res), {   ,,,,,,,var  pay =res.data   ,,,,,,,//发起支付   ,,,,,,,var  timeStamp =,支付[0].timeStamp;   ,,,,,,,var  packages =,支付[0].package;   ,,,,,,,var  paySign =,支付[0].paySign;   ,,,,,,,var  nonceStr =,支付[0].nonceStr;   ,,,,,,,var  param =, {,“timeStamp":时间戳,,“package":,包,,“paySign":, paySign,,“signType":,“MD5",,“nonceStr":, nonceStr };   ,,,,,,,that.pay(参数)   ,,,,,},   ,,,})   ,,},/*,才能支付,*/,,支付:function (参数),{   ,,,console.log(“支付“)   ,,,console.log(参数)   ,,,wx.requestPayment ({   ,,,,,时间戳:,param.timeStamp,   ,,,,,nonceStr:, param.nonceStr,   ,,,,,包:,param.package,   ,,,,,signType:, param.signType,   ,,,,,paySign:, param.paySign,   ,,,,,成功:,function  (res), {   ,,,,,,,//成功   ,,,,,,,wx.navigateBack ({   ,,,,,,,,,三角洲:,1,,//,回退前,δ(默认为1),页面   ,,,,,,,,,成功:,function  (res), {   ,,,,,,,,,,,wx.showToast ({   ,,,,,,,,,,,,,标题:,& # 39;支付成功& # 39;,   ,,,,,,,,,,,,,图标:,& # 39;成功# 39;   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null

微信开发之支付功能怎么实现