介绍
小编给大家分享一下微信开发之支付功能怎么实现,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
<强>微信小程序支付功能(前端)的实现强>
只提供微信小程序端代码:
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微信开发之支付功能怎么实现