微信小程序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 相关文章推荐
深入理解javascript作用域第二篇之词法作用域和动态作用域
Jul 24 Javascript
深入理解JavaScript定时机制
Oct 27 Javascript
js实现符合国情的日期插件详解
Jan 19 Javascript
微信小程序 开发之顶部导航栏实例代码
Feb 23 Javascript
如何在AngularJs中调用第三方插件库
May 21 Javascript
深入理解ES7的async/await的用法
Sep 09 Javascript
React Native使用Modal自定义分享界面的示例代码
Oct 31 Javascript
Vue模拟数据,实现路由进入商品详情页面的示例
Aug 31 Javascript
150行代码带你实现微信小程序中的数据侦听
May 17 Javascript
Vue拖拽组件列表实现动态页面配置功能
Jun 17 Javascript
JS中封装axios来管控api的2种方式
Sep 11 Javascript
详解搭建一个vue-cli的移动端H5开发模板
Jan 17 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中str_replace函数使用小结
2008/10/11 PHP
php正则表达式使用的详细介绍
2013/04/27 PHP
CodeIgniter针对lighttpd服务器URL重写的方法
2015/06/10 PHP
Zend Framework创建自己的动作助手详解
2016/03/05 PHP
PHP区块查询实现方法分析
2018/05/12 PHP
Yii框架引入coreseek分页功能示例
2019/02/08 PHP
PHP抽象类与接口的区别详解
2019/03/21 PHP
JavaScript实现把rgb颜色转换成16进制颜色的方法
2015/06/01 Javascript
在JavaScript中使用开平方根的sqrt()方法
2015/06/15 Javascript
JS模拟实现方法重载示例
2016/08/03 Javascript
基于JS实现二维码图片固定在右下角某处并跟随滚动条滚动
2017/02/08 Javascript
JS排序算法之冒泡排序,选择排序与插入排序实例分析
2017/12/13 Javascript
基于node下的http小爬虫的示例代码
2018/01/11 Javascript
bootstrap动态调用select下拉框的实例代码
2018/08/09 Javascript
JS中数组与对象的遍历方法实例小结
2018/08/14 Javascript
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
2019/09/09 Javascript
Paypal支付不完全指北
2020/06/04 Javascript
pyqt4教程之实现windows窗口小示例分享
2014/03/07 Python
使用python实现拉钩网上的FizzBuzzWhizz问题示例
2014/05/05 Python
简单的编程0基础下Python入门指引
2015/04/01 Python
Python3实战之爬虫抓取网易云音乐的热门评论
2017/10/09 Python
Python中矩阵库Numpy基本操作详解
2017/11/21 Python
python实现将一个数组逆序输出的方法
2018/06/25 Python
python爬虫 2019中国好声音评论爬取过程解析
2019/08/26 Python
Python Django中间件,中间件函数,全局异常处理操作示例
2019/11/08 Python
使用IPython或Spyder将省略号表示的内容完整输出
2020/04/20 Python
python爬虫中的url下载器用法详解
2020/11/30 Python
java关于string最常出现的面试题整理
2021/01/18 Python
css3实现冲击波效果的示例代码
2018/01/11 HTML / CSS
室内设计专业学生的自我评价分享
2013/11/27 职场文书
毕业生自我鉴定实例
2014/01/21 职场文书
考察现实表现材料
2014/05/19 职场文书
电子信息工程自荐信
2014/05/26 职场文书
医院标语大全
2014/06/23 职场文书
2015年加油站站长工作总结
2015/05/27 职场文书
班级管理经验交流材料
2015/11/02 职场文书