小程序之支付（前端）

前台流程是
1，给后台传一个code（必传）和后台需要的参数后台返回我参数
2，成功后我拉起支付吧这几个返回参数在传给微信端然后监听结果

（后期会补充代码截图）

因为写支付之前，看了文档，又在网上找了一些文章看

对于我这种不喜欢看理论知识的人来说，看到大段大段的文字

真(zhen)的(de)能(shi)学(chao)到(ji)好(luo)东(suo)西(de)

所以下面我会把我写的代码直接贴出来 (以下写的只是前端需要的代码)

// 用户点击我要支付按钮后
wx.login({success: function (res) {if (res.code) {//发起网络请求wx.request({url: 这里是后台接口, //你需要给后台传一个codemethod: 'GET',data: {code: res.code  //请求wx.login成功后会返回一个code},success: function (r) {  // 成功后  后台返回参数  timeStamp,nonceStr,package,paySign,appid。(有的还会返回其他参数，左边的这几个参数是必须返回的) var _res = r.data.data  //   太长了把r下面的data给_res这个变量wx.requestPayment({    //调起支付                'timeStamp': _r.timeStamp,  // 必填 时间戳从1970年1月1日00:00:00至今的秒数,即当前的               'nonceStr': _r.nonceStr,  // 必填 随机字符串，长度为32个字符以下。'package': _r.package,  // 必填  统一下单接口返回的 prepay_id 参数值'signType': 'MD5',  // 必填 签名算法，暂支持 MD5'paySign': _r.paySign, // 必填 签名'success': function (res) { // 接口调用成功的回调函数console.log(res);},'fail': function (res) { // 接口调用失败的回调函数console.log('fail:' + JSON.stringify(res));}})},fail: function (err) {console.log(err)}})} else {console.log('获取用户登录态失败！' + res.errMsg)}}})

转载于:https://www.cnblogs.com/liancat/p/9454176.html

小程序之支付（前端）相关推荐

微信小程序(6)说说微信小程序的支付流程？
一.前言微信小程序为电商类小程序,提供了非常完善.优秀.安全的支付功能在小程序内可调用微信的API完成支付功能,方便.快捷场景如下图所示: 用户通过分享或扫描二维码进入商户小程序,用户选择购买, ...
微信‘小程序’： web前端的春天 or 噩梦?
最近大家看到这张图是不是都快吐了?这两天一睁眼就被这张图刷屏了喵了咪的,点到哪里都是这个报道和新闻最近因为工作和生活略忙,爱吹文章的我,更新频率也低了,在这里抱个歉,希望大家理解和包容,希望&q ...
面试官：说说微信小程序的支付流程？
一.前言微信小程序为电商类小程序,提供了非常完善.优秀.安全的支付功能在小程序内可调用微信的API完成支付功能,方便.快捷场景如下图所示: 用户通过分享或扫描二维码进入商户小程序,用户选择购买, ...
小程序微信支付开发流程记录
我所在公司需要开发一款商城小程序,里面需要用到微信支付,我负责里面的下单功能,从小程序端到后台的支付流程都是我自己开发的,由于我们组没有人有开发微信支付的经验,只有我有开发过JSAPI的微信支付的经验 ...
ios微信小程序虚拟支付解决办法
ios微信小程序虚拟支付整理介绍目前iOS端暂不支持虚拟支付,微信小程序虚拟支付仅涉及到ios端,安卓端不受影响. 小程序支付规范 https://developers.weixin.qq.com/ ...
微信小程序微信支付《JSAPI支付》APIV3详细教程
文章目录前提整体介绍我的maven依赖 1.整体流程 2.openid 的获取 3.统一下单Controller(预支付订单) 4.配置类和配置文件 5.工具类 6.前端接收到必要的参数,进行调 ...
nodejs实现小程序微信支付
最近做小程序时用到了微信支付很是开心,因为之前支付一直都没有做过,终于又可以学点东西了.于是很开心的去看了下微信小程序的支付接口,没想到,事情基本都是后端做的,前端只要调用wx.requestPaym ...
微信小程序支付返回签名错误_java 微信小程序微信支付统一下订单及数字签名错误问题（后端）...
今天来分享一下之前做微信小程序微信支付遇到的一些坑,博主这里是微信小程序支付功能,因此选择的微信支付方式是JSAPI支付方式(温馨提示左下角有音乐哦). 首先我们肯定是要在小程序后台绑定一个商户号的, ...
tp小程序微信支付部分代码
小程序微信支付开发指引:https://pay.weixin.qq.com/wiki/doc/apiv3/open/pay/chapter2_8_2.shtml 流程图: <?php names ...
智云物业4.20+前端，物业小程序源码+前端+公众号
1. 可视化楼宇房产管理,一键生成楼宇房产(支持EXCEL导入) 2. 住户管理(业主.成员.租户),严格.宽松和自由三种注册方式 3. 报修和投诉建议完整处理流程(派单与抢单),内部工单处理(派单与 ...

小程序之支付（前端）

小程序之支付（前端）相关推荐

最新文章

热门文章