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


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 相关文章推荐
基于jquery的checkbox下拉框插件代码
Jun 25 Javascript
给页面渲染时间加速 干掉Dom Level 0 Event
Dec 19 Javascript
使用jQuery validate 验证注册表单实例演示
Mar 25 Javascript
用Jquery实现滚动新闻
Feb 12 Javascript
JS运动基础框架实例分析
Mar 03 Javascript
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
Aug 12 Javascript
基于jQuery实现仿百度首页选项卡切换效果
May 29 Javascript
js生成随机数(指定范围)的实例代码
Jul 10 Javascript
javascript实现简易计算器
Feb 01 Javascript
vue-video-player 通过自定义按钮组件实现全屏切换效果【推荐】
Aug 29 Javascript
vue接入腾讯防水墙代码
May 07 Javascript
JS模拟实现京东快递单号查询
Nov 30 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
PHP4之COOKIE支持详解
2006/10/09 PHP
php Memcache 中实现消息队列
2009/11/24 PHP
destoon实现调用当前栏目分类及子分类和三级分类的方法
2014/08/21 PHP
PHP cURL初始化和执行方法入门级代码
2015/05/28 PHP
JavaScript 图像动画的小demo
2012/05/23 Javascript
jquery中focus()函数实现当对象获得焦点后自动把光标移到内容最后
2013/09/29 Javascript
javascript强制点击广告的方法
2015/02/06 Javascript
javascript表单验证大全
2015/08/12 Javascript
js数组如何添加json数据及js数组与json的区别
2015/10/27 Javascript
Bootstrap3制作搜索框样式的方法
2016/07/11 Javascript
javascript数组对象常用api函数小结(连接,插入,删除,反转,排序等)
2016/09/20 Javascript
JavaScript实现分页效果
2017/03/28 Javascript
浅谈redux, koa, express 中间件实现对比解析
2019/05/23 Javascript
vue 集成jTopo 处理方法
2019/08/07 Javascript
微信小程序canvas截取任意形状的实现代码
2020/01/13 Javascript
在Python中使用Neo4j数据库的教程
2015/04/16 Python
Python使用Tkinter实现机器人走迷宫
2018/01/22 Python
numpy给array增加维度np.newaxis的实例
2018/11/01 Python
Python list列表中删除多个重复元素操作示例
2019/02/27 Python
python根据时间获取周数代码实例
2019/09/30 Python
python实现简易淘宝购物
2019/11/22 Python
解决jupyter notebook打不开无反应 浏览器未启动的问题
2020/04/10 Python
python脚本使用阿里云slb对恶意攻击进行封堵的实现
2021/02/04 Python
HTML5 Video标签的属性、方法和事件汇总介绍
2015/04/24 HTML / CSS
屈臣氏马来西亚官网:Watsons马来西亚
2019/06/15 全球购物
EJB与JAVA BEAN的区别
2016/08/29 面试题
实习护理工作自我评价
2013/09/25 职场文书
建筑工程自我鉴定
2013/10/18 职场文书
财务总监管理职责范文
2014/03/09 职场文书
市场营销专业毕业生求职信
2014/03/26 职场文书
职业道德模范事迹材料
2014/08/24 职场文书
新郎新娘致辞
2015/07/31 职场文书
高中班主任心得体会
2016/01/07 职场文书
毕业生自我鉴定范文
2019/05/13 职场文书
go结构体嵌套的切片数组操作
2021/04/28 Golang
Python socket如何解析HTTP请求内容
2022/02/12 Python