温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2021-03-12 09:36:33 来源:亿速云 阅读:186 作者:小新 栏目:移动开发

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

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

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

var app = getApp(); Page({   data: {},   onLoad: function (options) {     // 页面初始化 options为页面跳转所带来的参数     var that = this     //登陆获取code     wx.login({       success: function (res) {         console.log(res.code)         //获取openid         that.getOpenId(res.code)       }     });   },   getOpenId: function (code) {     var that = this;     wx.request({       url: "https://api.weixin.qq.com/sns/jscode2session?appid=小程序appid&secret=小程序应用密钥&js_code=" + code + "&grant_type=authorization_code",       data: {},       method: 'GET',       success: function (res) {         that.generateOrder(res.data.openid)       },       fail: function () {         // fail       },       complete: function () {         // complete       }     })   },   /**生成商户订单 */   generateOrder: function (openid) {     var that = this     //统一支付     wx.request({       url: '后台路径',       method: 'GET',       data: {         gfee: '商品价钱',         gname: '商品名称',         openId:openid         (商品价钱和商品名称根据自身需要是否传值,openid为必传)       },       success: function (res) {         var pay = res.data         //发起支付         var timeStamp = pay[0].timeStamp;         var packages = pay[0].package;         var paySign = pay[0].paySign;         var nonceStr = pay[0].nonceStr;         var param = { "timeStamp": timeStamp, "package": packages, "paySign": paySign, "signType": "MD5", "nonceStr": nonceStr };         that.pay(param)       },     })   },   /* 支付  */   pay: function (param) {     console.log("支付")     console.log(param)     wx.requestPayment({       timeStamp: param.timeStamp,       nonceStr: param.nonceStr,       package: param.package,       signType: param.signType,       paySign: param.paySign,       success: function (res) {         // success         wx.navigateBack({           delta: 1, // 回退前 delta(默认为1) 页面           success: function (res) {             wx.showToast({               title: '支付成功',               icon: 'success',               duration: 2000             })           },           fail: function () {             // fail           },           complete: function () {             // complete           }         })       },       fail: function (res) {         // fail       },       complete: function () {         // complete       }     })   } })

以上是“微信开发之支付功能怎么实现”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI