小程序调用微信支付的方法


Posted in Javascript onSeptember 26, 2019

本文实例为大家分享了小程序调用微信支付的具体代码,供大家参考,具体内容如下

首先调用小程序wx.login登录接口  获取用户code

将code作为参数  传给后端  调用后端接口wechat/pay/prepay

获取后端  这五个返回值

nonceStr 
package2
paySign 
signType
timeStamp

wx.login({
   success: function (res) {
    var userId = wx.getStorageSync('userId');
    var passw = userId + orderId;
    console.log(passw)
    var password = util.sha1(passw);
    //console.log(res) //获取用户的code 微信返回的值 
    wx.request({
     url: url + 'wechat/pay/prepay',
     method: "POST",
     header: {
      'content-type': 'application/json',
     },
     data: {
      code: res.code, //微信返的code
      userId: userId, //登录注册时后端返给我的
      orderId: orderId, //用户提交时后端返给我的工单号
      sign: password, //后端要求的serId + orderId加密
     },
     success: function (res) {
      // if (res.data.resultCode == "000000"){
       nonceStr = res.data.data.nonceStr;
       package2 = res.data.data.package;
       paySign = res.data.data.paySign;
       signType = res.data.data.signType;
       timeStamp = res.data.data.timeStamp;
       that.pay2()
      // }
       console.log(res.data.data.nonceStr)
       console.log(res.data.data.package)
       console.log(res.data.data.paySign)
       console.log(res.data.data.signType)
       console.log(res.data.data.timeStamp)
     },
     fail(err) {
      console.log(err)
     }
    })
   },
   fail(errs) {
    console.log(errs)
   }
  })

成功返回后,用户点击支付,调用微信支付接口wx.requestPayment:

后端设置好金额,用户调用即可支付

pay2() {
  wx.requestPayment(
   {
    timeStamp: timeStamp, //时间戳
    nonceStr: nonceStr, //随机字符串
    package: package2, //统一下单接口返回的 prepay_id 参数值
    signType: signType, //签名类型
    paySign: paySign, //签名
    success(res) {
     console.log(res)
     wx.navigateTo({
       url: '../successful/successful'
      })
    },
    fail(res) {
     console.log(res)
    }
   })
 },

最后我们的项目在调用微信wx.requestPayment 支付接口时,在success成功函数里请求了我方后端接口,获取状态码,判断是否支付成功。因为用户支付给微信,成功之后,只有用户能够看到,我方后端是获取不到是否支付成功的,请求这个接口就是这个目的。在微信请求支付成功之后,请求后端获取返回值。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
在次封装easyui-Dialog插件实现代码
Nov 14 Javascript
JavaScript面向对象之Prototypes和继承
Jul 12 Javascript
jquery获取当前日期的方法
Jan 14 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
Dec 02 Javascript
关于验证码在IE中不刷新的快速解决方法
Sep 23 Javascript
微信小程序 数据绑定详解及实例
Oct 25 Javascript
使用vue和datatables进行表格的服务器端分页实例代码
Jun 07 Javascript
使用 vue.js 构建大型单页应用
Feb 10 Javascript
JS获取url参数,JS发送json格式的POST请求方法
Mar 29 Javascript
对node.js中render和send的用法详解
May 14 Javascript
vue中 this.$set的用法详解
Sep 06 Javascript
QML实现圆环颜色选择器
Sep 25 Javascript
细说webpack6 Babel的使用详解
Sep 26 #Javascript
微信小程序实现拖拽功能
Sep 26 #Javascript
vue用BMap百度地图实现即时搜索功能
Sep 26 #Javascript
layui.tree组件的使用以及搜索节点功能的实现
Sep 26 #Javascript
微信小程序点击列表跳转到对应详情页过程解析
Sep 26 #Javascript
vue+element tabs选项卡分页效果
Jun 29 #Javascript
layui实现根据table数据判断按钮显示情况的方法
Sep 26 #Javascript
You might like
PHP.MVC的模板标签系统(三)
2006/09/05 PHP
set_include_path在win和linux下的区别
2008/01/10 PHP
php readfile()修改文件上传大小设置
2017/08/11 PHP
js/jQuery简单实现选项卡功能
2014/01/02 Javascript
html的DOM中Event对象onblur事件用法实例
2015/01/21 Javascript
JS实现三个层重叠点击互相切换的方法
2015/10/06 Javascript
Bootstrap 实现查询的完美方法
2016/10/26 Javascript
微信公众号支付H5调用支付解析
2016/11/04 Javascript
纯js三维数组实现三级联动效果
2017/02/07 Javascript
js实现百度登录框鼠标拖拽效果
2017/03/07 Javascript
详解在Vue中有条件地使用CSS类
2017/09/30 Javascript
简述Angular 5 快速入门
2017/11/04 Javascript
JavaScript的setter与getter方法
2017/11/29 Javascript
antd组件Upload实现自己上传的实现示例
2018/12/18 Javascript
Nodejs处理异常操作示例
2018/12/25 NodeJs
页面内锚点定位及跳转方法总结(推荐)
2019/04/24 Javascript
深入理解 TypeScript Reflect Metadata
2019/12/12 Javascript
[02:20]DOTA2中文配音宣传片
2013/05/22 DOTA
[41:52]2018DOTA2亚洲邀请赛3月29日 小组赛A组 TNC VS OpTic
2018/03/30 DOTA
[01:01:51]EG vs VG Supermajor小组赛B组 BO3 第二场 6.2
2018/06/03 DOTA
使用11行Python代码盗取了室友的U盘内容
2018/10/23 Python
python操作小程序云数据库实现简单的增删改查功能
2019/06/06 Python
python tkinter图形界面代码统计工具(更新)
2019/09/18 Python
Python远程开发环境部署与调试过程图解
2019/12/09 Python
解决jupyter notebook 前面书写后面内容消失的问题
2020/04/13 Python
html5 横向滑动导航栏的方法示例
2020/05/08 HTML / CSS
在网上学习全世界最好的课程:Coursera
2017/11/07 全球购物
Ticketmaster意大利:音乐会、节日、艺术和剧院的官方门票
2019/12/23 全球购物
MIKI HOUSE美国官方网上商店:日本领先的婴儿和儿童高级时装品牌
2020/06/21 全球购物
精彩的推荐信范文
2013/11/26 职场文书
ktv好的活动方案
2014/08/17 职场文书
国庆节活动总结
2014/08/26 职场文书
入党团支部推荐意见
2015/06/02 职场文书
2015年小学语文教师工作总结
2015/10/23 职场文书
财务人员廉洁自律心得体会
2016/01/13 职场文书
python爬虫之爬取笔趣阁小说
2021/04/22 Python