• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

小程序之支付(前端)

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

前台流程是
1,给后台传一个code(必传)和后台需要的参数后台返回我参数
2,成功后我拉起支付吧这几个返回参数在传给微信端 然后监听结果

(后期会补充代码截图)

 

 

因为写支付之前,看了文档,又在网上找了一些文章看

对于我这种不喜欢看理论知识的人来说,看到大段大段的文字

真(zhen)的(de)能(shi)学(chao)到(ji)好(luo)东(suo)西(de)

所以下面我会把我写的代码直接贴出来 (以下写的只是前端需要的代码)

// 用户点击我要支付按钮后
wx.login({
      success: function (res) {
        if (res.code) {
          //发起网络请求
          wx.request({
            url: 这里是后台接口, //你需要给后台传一个code
            method: \'GET\',
            data: {
              code: res.code  //请求wx.login成功后会返回一个code
            },
            success: function (r) {  // 成功后  后台返回参数  timeStamp,nonceStr,package,paySign,appid。(有的还会返回其他参数,左边的这几个参数是必须返回的) 
              var _res = r.data.data  //   太长了把r下面的data给_res这个变量
              wx.requestPayment({    //调起支付                
                \'timeStamp\': _r.timeStamp,  // 必填 时间戳从1970年1月1日00:00:00至今的秒数,即当前的               
                \'nonceStr\': _r.nonceStr,  // 必填 随机字符串,长度为32个字符以下。
                \'package\': _r.package,  // 必填  统一下单接口返回的 prepay_id 参数值
                \'signType\': \'MD5\',  // 必填 签名算法,暂支持 MD5
                \'paySign\': _r.paySign, // 必填 签名
                \'success\': function (res) { // 接口调用成功的回调函数
                  console.log(res);
                },
                \'fail\': function (res) { // 接口调用失败的回调函数
                  console.log(\'fail:\' + JSON.stringify(res));
                }
              })
            },
            fail: function (err) {
              console.log(err)
            }
          })
        } else {
          console.log(\'获取用户登录态失败!\' + res.errMsg)
        }
      }
    })                       

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序使用wxs(小程序的一套脚本语言)发布时间:2022-07-18
下一篇:
小程序项目编译失败问提解决发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap