微信小程序request请求封装,验签代码实例


Posted in Javascript onDecember 04, 2019

这篇文章主要介绍了微信小程序request请求封装,验签代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

1.公共文件util添加

request请求

//简单封装请求
function request(params, path, isShowLoading = true, goBack = false, type = 'none', obj={}) {
 try {
  console.log(path)
  let NowTime = Date.parse(new Date()) / 1000;
  let defaultParams = {
   platform: app.globalData.platform,
   appVersion: app.globalData.version,
   deviceId: uuId(),
   timestamp: params.timestamp ? params.timestamp : NowTime
  };
 
  params = Object.assign(params, defaultParams);
  let requestParams = signature(params)
  isShowLoading && wx.showLoading && wx.showLoading({
   title: '加
中...'
  })
  return new Promise((resolve, reject) => {
   let header;
   obj.header = obj.header || {};
   console.log('获取ptkey')
   console.log(plugin.getJdListStorage(['guid', 'pt_key', 'pt_token', 'pt_pin']))
   let [GUID = '', KEY = '', TOKEN = '', PIN = ''] = plugin.getJdListStorage(['guid', 'pt_key', 'pt_token', 'pt_pin']),
    _cookie = `guid=${GUID}; pt_pin=${encodeURIComponent(PIN)}; pt_key=${KEY}; pt_token=${TOKEN};${wx.getStorageSync("accessToken_v1")}`, {
     cookie
    } = obj.header;
   console.log(cookie)
   obj.header.cookie = cookie ? `${cookie};${_cookie}` : _cookie;
   if (!isEmpty(getToken())) {
    obj.header.authorization = 'Bearer ' + getToken()
   }
   console.log(obj.header)

   wx.request({
    url: getApp().globalData.host + path, //获取app.js 全局ip
    data: requestParams,
    method: 'POST',
    header: obj.header,
    success: function(res) {
     console.log(res)
     isShowLoading && wx.hideLoading && wx.hideLoading()
     // 缺少登录失效的处理方法
     if (res.statusCode == 200 && res.data.code == 200) {
      if (isEmpty(res.data.data) || res.data.data == true) {
       resolve('true')
       return
      }
      if (res.data.data) {
       resolve(res.data.data);
      } else if (res.data.data == 0){
       resolve(res.data.data);
      } else {
       resolve('true')
      }
     } else if (res.statusCode == 200 && res.data.code == 401) { //token过期
      Login();
      resolve(false);
      return;
     } else {
      //需要再判断code码
      // errorShow(res.data.msg, goBack, type);
      errorShow(res.data.msg);
      resolve(false);
      // reject(res.data.res);
     }
    },
    fail: function(err) {
     console.log(err)
     // 因为hide会让showToast隐藏
     isShowLoading && wx.hideLoading && wx.hideLoading()
     errorShow('网络请求失败');
     reject(new Error('Network request failed'))
     // throw new Error('Network request failed')
    },
    complete: function() {}
   })
  })
 } catch (err) {
  console.log(err)
  errorShow('网络请求失败');
  return false;
 }
}

2.signature 签名

//生成签名
function signature(params) {
 let keyArr = []
 for (let key in params) {
  keyArr.push(key)
 }
 let arr = keyArr.sort();
 let result = "";
 arr.map((item, index) => {
  if (params[item] == null || params[item] == undefined) {
   delete params[item];
   arr.splice(index, 1);
  }
 })
 console.log("arr")
 console.log(arr)
 arr.map((item, index) => {
  if (Array.isArray(params[item]) == true) {
   let res = ''
   let arr = params[item]
   arr.map(obj => {
    console.log(typeof(obj))
    if (typeof(obj) != 'object') {
     res += obj
    } else {
     for (let key in obj) {
      if (Array.isArray(obj[key])) {
       let val = '';
       obj[key].map(item => {
        val += item
       })
       res += key + val
      } else {
       res += key + obj[key]
      }
     }
    }
   })
   result += '' + item + '' + res
  } else {
   result += '' + item + '' + params[item]
  }
 })
 console.log("result")
 console.log(result)

 let pos;
 if (isEmpty(getToken())) {
  pos = result
 } else {
  pos = result + getToken()
 }
 console.log(pos)
 console.log("signature")
 let signature = sha256.hmac.create('pos_secret').update(pos).hex().toLowerCase(); //需要引入sha256.min.js
 console.log(signature)
 let obj = {
  'signature': signature
 }
 return Object.assign(params, obj);
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
禁止js文件缓存的代码
Apr 09 Javascript
js表单中选择框值的获取及表单的序列化
Dec 17 Javascript
gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点
Feb 21 Javascript
javascript中不易分清的slice,splice和split三个函数
Mar 29 Javascript
Javascript必知必会(四)js类型转换
Jun 08 Javascript
巧用jQuery选择器提高写表单效率的方法
Aug 19 Javascript
AngularJS入门教程之多视图切换用法示例
Nov 02 Javascript
浅谈Angular.js中使用$watch监听模型变化
Jan 10 Javascript
Vue计算属性的学习笔记
Mar 22 Javascript
AngularJS实现页面跳转后自动弹出对话框实例代码
Aug 02 Javascript
javascript canvas封装动态时钟
Sep 30 Javascript
javascript全局自定义鼠标右键菜单
Dec 08 Javascript
vue中使用极验验证码的方法(附demo)
Dec 04 #Javascript
基于vue-cli3创建libs库的实现方法
Dec 04 #Javascript
使用vue-cli4.0快速搭建一个项目的方法步骤
Dec 04 #Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
Dec 04 #Javascript
jQuery实现全选、反选和不选功能的方法详解
Dec 04 #jQuery
JavaScript中如何对多维数组(矩阵)去重的实现
Dec 04 #Javascript
Vue实现base64编码图片间的切换功能
Dec 04 #Javascript
You might like
PHP mkdir()定义和用法
2009/01/14 PHP
php打乱数组二维数组多维数组的简单实例
2016/06/17 PHP
PHP实现类似于C语言的文件读取及解析功能
2017/09/01 PHP
Ajax中的JSON格式与php传输过程全面解析
2017/11/14 PHP
使用UglifyJS合并/压缩JavaScript的方法
2012/03/07 Javascript
js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
2013/06/06 Javascript
使用js实现雪花飘落效果
2013/08/26 Javascript
Ubuntu中搭建Nodejs开发环境过程分享
2014/06/01 NodeJs
JavaScript中合并数组的N种方法
2014/09/16 Javascript
jQuery中animate()方法用法实例
2014/12/24 Javascript
JavaScript中的操作符类型转换示例总结
2016/05/30 Javascript
JavaScript作用域示例详解
2016/07/07 Javascript
微信js-sdk界面操作接口用法示例
2016/10/12 Javascript
微信小程序页面开发注意事项整理
2017/05/18 Javascript
vuejs 单文件组件.vue 文件的使用
2017/07/28 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
2017/12/18 Javascript
基于js文件加载优化(详解)
2018/01/03 Javascript
vue2 设置router-view默认路径的实例
2018/09/20 Javascript
利用jqgrid实现上移下移单元格功能
2018/11/07 Javascript
小程序如何在不同设备上自适应生成海报的实现方法
2019/08/20 Javascript
JS中封装axios来管控api的2种方式
2019/09/11 Javascript
countUp.js实现数字滚动效果
2019/10/18 Javascript
JS this关键字在ajax中使用出现问题解决方案
2020/07/17 Javascript
python操作CouchDB的方法
2014/10/08 Python
尝试用最短的Python代码来实现服务器和代理服务器
2016/06/23 Python
Matplotlib中文乱码的3种解决方案
2018/11/15 Python
np.newaxis 实现为 numpy.ndarray(多维数组)增加一个轴
2019/11/30 Python
pyinstaller还原python代码过程图解
2020/01/08 Python
无需JS和jQuery代码实现CSS3鼠标浮动放大图片
2016/11/21 HTML / CSS
悬挂训练绳:TRX
2017/12/14 全球购物
二手房买卖协议书
2014/04/10 职场文书
庆祝教师节标语
2014/10/09 职场文书
2014年信访工作总结
2014/11/17 职场文书
2015年数学教研组工作总结
2015/05/23 职场文书
邹越演讲观后感
2015/06/15 职场文书
一文搞懂python异常处理、模块与包
2021/06/26 Python