crypto-js的前端md5加密

女爷i 2021-12-15 00:21 591阅读 0赞

现在的一个需求就是要前端这边做md5加密，本来想要用crypto，而crypto是node内置的模块，在npm查了一下，这个包已经没有了，所以改用crypto-js，这个还是很简单的。

我们这边的md5的加密规则如下：

1.  将除了sign和appKey以外的，一级请求参数（不包含对象数组等）**根据key值按照字母表的顺序(a~z)排序**，将其对应参数值（仅value，不要key）拼接到一起，得到字符串A
2.  拼接 appKey+A+appSecret ，得到字符串B
3.  将字符串B 进行**urlencode(utf-8)编码**，结果转化为大写，得到字符串C。*除了字符、数字、下划线全部编码*
4.  将字符串C 进行**MD5编码**，结果转化为大写，得到字符串D

所以可以将这些都写在一个js里面，然后引入就好了

// md5.js
    /* eslint-disable */
    import CryptoJS from 'crypto-js'
    // md5 加密
    const md5 = str => CryptoJS.MD5(str).toString().toUpperCase()
    export const sign = (params, appKey, appSecret) => {
      const obj = {}
      let str = ''
    
      for (const k in params) {
        if (['sign', 'appKey'].includes(k) || k instanceof Array || k instanceof Object || params[k] === undefined) {
          continue
        }
    
        obj[k] = params[k]
      }
    
      Object.keys(obj).sort().forEach(k => {
        console.log(k, ': ', obj[k]);
        str += obj[k]
      })
      str = encodeURI(`${ appKey }${ str }${ appSecret }`).toUpperCase()
      console.log('str-------------->', str)
      return md5(str);
    }
    
    // const params = {"restaurantId":"1106073","lat":31.298,"lng":121.448,"channel":"ele"};
    // console.log(sign(params, '9381936516', 'D31ba58fd73C71db697ab5E4946D52F'));

用ES6的import 引入调用

// index.js
    
    
    import { sign as getSign } from './md5'
    
    const appKey = '888888888'
        const appSecret = 'sdggdsgcdhdshdhfhhfhdhhhfvc'
        const sign = getSign(postDatas, appKey, appSecret)
        console.log('sign', sign)

关注一下公众号呀~

![2020061617035750.jpg][]

[2020061617035750.jpg]: /images/20211214/d7b52d1ef1c94a3f9f193113e1a59df4.png