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


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 相关文章推荐
ExtJs Excel导出并下载IIS服务器端遇到的问题
Sep 16 Javascript
javascript对下拉列表框(select)的操作实例讲解
Nov 29 Javascript
jquery.ajax的url中传递中文乱码问题的解决方法
Feb 07 Javascript
js实现二级菜单渐隐显示
Nov 03 Javascript
javascript实现可键盘控制的抽奖系统
Mar 10 Javascript
简单封装js的dom查询实例代码
Jul 08 Javascript
微信小程序 for 循环详解
Oct 09 Javascript
JS中微信小程序自定义底部弹出框
Dec 22 Javascript
关于Node.js的events.EventEmitter用法介绍
Apr 01 Javascript
Vue.js组件间通信方式总结【推荐】
Nov 23 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
Jul 29 Javascript
vue插件--仿微信小程序showModel实现模态提示窗功能
Aug 19 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编码转换
2012/11/05 PHP
PHP实现的进度条效果详解
2016/05/03 PHP
laravel 输出最后执行sql 附:whereIn的使用方法
2019/10/10 PHP
Yii2框架中一些折磨人的坑
2019/12/15 PHP
搭建PhpStorm+PhpStudy开发环境的超详细教程
2020/09/17 PHP
通过js为元素添加多项样式,浏览器全兼容写法
2014/08/30 Javascript
基于js与flash实现的网站flv视频播放插件代码
2014/10/14 Javascript
js进行表单验证实例分析
2015/02/10 Javascript
js实现楼层效果的简单实例
2016/07/15 Javascript
jQuery+PHP+Mysql实现抽奖程序
2020/04/12 jQuery
解决AjaxFileupload 上传时会出现连接重置的问题
2017/07/07 Javascript
Angular2 组件交互实例详解
2017/08/24 Javascript
JavaScript requestAnimationFrame动画详解
2017/09/14 Javascript
nodejs中art-template模板语法的引入及冲突解决方案
2017/11/07 NodeJs
详解layui中的树形关于取值传值问题
2018/01/16 Javascript
Vue全局分页组件的实现代码
2018/08/10 Javascript
在Vue.js中使用TypeScript的方法
2020/03/19 Javascript
在nodejs中创建child process的方法
2021/01/26 NodeJs
[02:42]决战东方!DOTA2亚洲邀请赛重启荣耀之争
2017/03/17 DOTA
python3访问sina首页中文的处理方法
2014/02/24 Python
python对excel文档去重及求和的实例
2018/04/18 Python
pip命令无法使用的解决方法
2018/06/12 Python
快速解决jupyter notebook启动需要密码的问题
2020/04/21 Python
Python代码需要缩进吗
2020/07/01 Python
pandas数据分组groupby()和统计函数agg()的使用
2021/03/04 Python
快速实现一个简单的canvas迷宫游戏的示例
2018/07/04 HTML / CSS
什么是事务?为什么需要事务?
2012/01/09 面试题
优秀应届毕业生自荐信
2013/11/16 职场文书
分层教学实施方案
2014/03/19 职场文书
护理目标管理责任书
2014/07/25 职场文书
乡镇干部个人整改措施思想汇报
2014/10/10 职场文书
群众路线领导班子整改方案
2014/10/25 职场文书
物业工程部岗位职责
2015/02/11 职场文书
工作年限证明范本
2015/06/15 职场文书
奖学金发言稿(范文)
2019/08/21 职场文书
python实战之一步一步教你绘制小猪佩奇
2021/04/22 Python