前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序之支付详解(填坑) 原

微信小程序之支付详解(填坑) 原

作者头像
南郭先生
发布2018-08-14 15:29:49
3820
发布2018-08-14 15:29:49
举报
文章被收录于专栏:Google Dart

1.获取用户openid

代码语言:javascript
复制
    wx.login({    //调用登录接口
      success: function (res) {
        if (res.code) {  //成功后会有一个code字段
          //发起网络请求
          var code = res.code;  //得到code字段用以获取openid
          wx.request({
              url:'https://api.weixin.qq.com/sns/jscode2session?appid=“此处是你的appid”&secret="此处是小程序的密钥"&js_code='+code+'&grant_type=authorization_code',
              success: function (res) {
              if(res){
                console.log(res.data);
                //将openid存储在全局数据中,你可以选择存储在你要存储的地方
                that.globalData.openid = res.data.openid;  
              }          
            }
          })
        } else {
          console.log('获取用户登录态失败!' + res.errMsg)
        }
      }
    });

2.统一下单 获取prepay_id

首先,你采用什么语言选择对应的sdk,记住:微信sdk默认签名是HMACSHA256,因为小程序只支持MD5,故你这里即使获取了prepay_id,在小程序发起支付也会提示“支付签名验证错误”,所以一定要将签名改为MD5,两次签名一样均为MD5方可正常付款。

3.小程序发起支付

代码语言:javascript
复制
    var time = (Date.parse(new Date()) / 1000).toString();  //时间戳
      //appid需参与签名,是appId不要写成appid哦  
     //MD5签名方式,这里我为了演示在前端使用md5,为了安全一定要在后端做好签名再传递到前端
    var paySign = MD5Util.MD5("appId=wx22******d5&nonceStr=kc8BmYbdXmdWiQnP&package=prepay_id=wx20171008094057273436b12233229424&signType=MD5&timeStamp="+time+"&key=7b85F**********8D275BF33C").toUpperCase();
    console.log(time + ":" + paySign);
    wx.requestPayment({
      'appId':'wx22******d5',   //需传递appid参数
      'nonceStr': 'kc8BmYbdXmdWiQnP',
      'package': 'prepay_id=wx20171008094057273436b1250400723503',       
      'signType': 'MD5',
      'timeStamp': time,
      'paySign': paySign,
      'success': function (res) {
        console.log(res);
      },
      'fail': function (res) {
        console.log(res);
      }
    })
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017/10/08 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档