微信小程序 支付功能(前端)的实现
发布时间:2020-12-14 20:15:42 所属栏目:资源 来源:网络整理
导读:微信小程序 支付功能(前端)的实现 只提供微信小程序端代码: var app = getApp(); Page({ data: {},onLoad: function (options) { // 页面初始化 options为页面跳转所带来的参数 var that = this //登陆获取code wx.login({ success: function (res) { con
微信小程序 支付功能(前端)的实现只提供微信小程序端代码: 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: '后台路径',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
} 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持! (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |