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


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.cvtooltip.js 基于jquery的气泡提示插件
Nov 19 Javascript
js删除所有的cookie的代码
Nov 25 Javascript
JavaScript 一道字符串分解的题目
Aug 03 Javascript
JS左右无缝滚动(一般方法+面向对象方法)
Aug 17 Javascript
javascript全局变量封装模块实现代码
Nov 28 Javascript
javascript屏蔽右键代码
May 15 Javascript
jQuery 中的 DOM 操作
Apr 26 Javascript
JavaScript根据CSS的Media Queries来判断浏览设备的方法
May 10 Javascript
详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())
Aug 15 Javascript
Vue不能观察到数组length的变化
Jun 08 Javascript
详解如何使用微信小程序云函数发送短信验证码
Mar 13 Javascript
js+canvas实现图片格式webp/png/jpeg在线转换
Aug 22 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常用字符串函数用法实例总结
2020/06/04 PHP
php redis setnx分布式锁简单原理解析
2020/10/23 PHP
jquery 简单导航实现代码
2009/09/11 Javascript
学习ExtJS TextField常用方法
2009/10/07 Javascript
jquery 触发a链接点击事件解决方案
2013/05/02 Javascript
写JQuery插件的基本知识
2013/11/25 Javascript
javascript实现页面内关键词高亮显示代码
2014/04/03 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
2014/09/01 Javascript
基于原生JS实现图片裁剪
2016/08/01 Javascript
JS实现图片垂直居中显示小结
2016/12/13 Javascript
Node.js readline 逐行读取、写入文件内容的示例
2018/03/01 Javascript
mpvue写一个CPASS小程序的示例
2018/09/04 Javascript
微信小程序 生成携带参数的二维码
2019/10/23 Javascript
Vue实现简易计算器
2020/02/25 Javascript
JQuery通过键盘控制键盘按下与松开触发事件
2020/08/07 jQuery
使用Python通过win32 COM实现Word文档的写入与保存方法
2018/05/08 Python
python图形工具turtle绘制国际象棋棋盘
2019/05/23 Python
python3下载抖音视频的完整代码
2019/06/05 Python
PyQt5显示GIF图片的方法
2019/06/17 Python
pandas实现to_sql将DataFrame保存到数据库中
2019/07/03 Python
PyTorch笔记之scatter()函数的使用
2020/02/12 Python
用Python生成HTML表格的方法示例
2020/03/06 Python
python如何求100以内的素数
2020/05/27 Python
python如何写个俄罗斯方块
2020/11/06 Python
python list的index()和find()的实现
2020/11/16 Python
Python Selenium破解滑块验证码最新版(GEETEST95%以上通过率)
2021/01/29 Python
超酷炫 CSS3垂直手风琴菜单
2016/06/28 HTML / CSS
解析浏览器的一些“滚动”行为鉴赏
2019/09/16 HTML / CSS
Ego Shoes官网:英国时髦鞋类品牌
2020/10/19 全球购物
优秀党员转正的自我评价
2013/10/06 职场文书
《宿建德江》教学反思
2014/04/23 职场文书
小学教师自我剖析材料
2014/09/29 职场文书
公司股东出资证明书
2014/11/01 职场文书
企业财务经理岗位职责
2015/04/08 职场文书
事业单位岗位说明书
2015/10/08 职场文书
Android中View.post和Handler.post的关系
2022/06/05 Java/Android