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


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 相关文章推荐
javascript 写类方式之七
Jul 05 Javascript
JS 日期验证正则附asp日期格式化函数
Sep 11 Javascript
Jquery 设置标题的自动翻转
Oct 03 Javascript
JavaScript 模式之工厂模式(Factory)应用介绍
Nov 15 Javascript
jQuery中insertBefore()方法用法实例
Jan 08 Javascript
基于jQuery实现点击列表加载更多效果
May 31 Javascript
详解springmvc 接收json对象的两种方式
Dec 06 Javascript
JS动态生成年份和月份实例代码
Feb 04 Javascript
用 js 的 selection range 操作选择区域内容和图片
Apr 18 Javascript
Angular 4依赖注入学习教程之组件服务注入(二)
Jun 04 Javascript
Vue学习笔记进阶篇之多元素及多组件过渡
Jul 19 Javascript
轻量级富文本编辑器wangEditor结合vue使用方法示例
Oct 10 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
关于二级目录拖拽排序的实现(源码示例下载)
2013/04/26 PHP
php绘图之在图片上写中文和英文的方法
2015/01/24 PHP
javascript 写类方式之八
2009/07/05 Javascript
jquery blockUI 遮罩不能消失与不能提交的解决方法
2011/09/17 Javascript
用IE重起计算机或者关机的示例代码
2014/03/10 Javascript
javascript跨域原因以及解决方案分享
2015/04/08 Javascript
jQuery使用中可能被XSS攻击的一些危险环节提醒
2016/05/24 Javascript
静态页面html中跳转传值的JS处理技巧
2016/06/22 Javascript
微信小程序 地图(map)实例详解
2016/11/16 Javascript
深入理解vue Render函数
2017/07/19 Javascript
Angular2 组件间通过@Input @Output通讯示例
2017/08/24 Javascript
JS正则表达式完美实现身份证校验功能
2017/10/18 Javascript
js+html实现周岁年龄计算器
2019/06/25 Javascript
vue swipe自定义组件实现轮播效果
2019/07/03 Javascript
详解nuxt 微信公众号支付遇到的问题与解决
2019/08/26 Javascript
微信小程序开发打开另一个小程序的实现方法
2020/05/17 Javascript
[03:22]DSPL第一期精彩集锦:酷炫到底!
2014/11/07 DOTA
[48:46]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第二场 11.19
2020/11/19 DOTA
Python的爬虫框架scrapy用21行代码写一个爬虫
2017/04/24 Python
用Eclipse写python程序
2018/02/10 Python
Python-jenkins模块获取jobs的执行状态操作
2020/05/12 Python
Python基础教程(一)——Windows搭建开发Python开发环境
2020/07/20 Python
详解python程序中的多任务
2020/09/16 Python
重新定义牛仔布,100美元以下:Warp + Weft
2018/07/25 全球购物
static全局变量与普通的全局变量有什么区别
2014/05/27 面试题
2014年学习雷锋活动总结
2014/03/01 职场文书
房屋租赁意向书
2014/04/01 职场文书
政风行风评议心得体会
2014/10/21 职场文书
学习作风建设心得体会
2014/10/22 职场文书
2014年教务工作总结
2014/12/03 职场文书
装饰施工员岗位职责
2015/04/11 职场文书
催款律师函范文
2015/05/27 职场文书
金榜题名主持词
2015/07/02 职场文书
2016年党校科级干部培训班学习心得体会
2016/01/06 职场文书
教你用python控制安卓手机
2021/05/13 Python
Java反应式框架Reactor中的Mono和Flux
2021/07/25 Java/Android