js和微信小程序md5加密签名

MD5加密签名

为了数据的安全性、完整性，防止数据在传输过程被篡改。当post请求会加上md5签名来校验数据，

多一个sign标签，sign的值就是md5生成的字符串

ps: 项目上线加班，有点疲惫哈。趁某些同事再改bug，抽点时间写下吧。

效果图

1. 下载md5.js文件

md5下载

注意： 在 js可以直接使用， 如果在小程序里面，修改以下两点， 如下图

说明： 在小程序中使用修改步骤

1. 去掉最外层(function ($) {}包裹，其次 左图 备注判断去掉。
2. 把方法名为md5， 使用export导出。【见右图】
   

2. MD5加密数据

数据签名后再发送请求， 你看会带请求数据中多一个sign字段。

• 定义key
• 把需要签名的数据进行排序【排序的格式和后端定义好】
• 拼接数据+key
• 调用md5方法加密
• 发送请求

说明 项目中会把签名代码和发送网络请求进行封装，通过参数传递。

registerTap() {
    let that = this;
    let params = {
        mobile: this.mobile,
        loginPwd: this.password,
    }

    var appkey = 'VerificationSign2019'; //key是自定义
    var newObj = this.objKeySort(params);
    console.log('需要签名数据：', newObj); //{mobile: "15899999999", loginPwd: "123456"}
    let connects = '';
    for (let item in newObj) {
        connects += newObj[item];
    }
    
    // 拼接格式登录： 15899999999123456VerificationSign2019  进行加密
    connects += appkey;
    console.log('拼接格式后', connects); //15899999999123456VerificationSign2019
    
    // md5加密
    params.sign = md5(connects); //4576c0b7e32f078d8fb8297e305a9151
    
    //发送请求
    let url = `${this.url}/invitationRegister`
    that.$http.post(url, params, {
        emulateJSON: true
    }).then((res) => {
        console.log(res);
        let datas = res.body;
    })
},

3. 排序

默认是升序

//json数据排序
objKeySort(obj, typesort = 'sort') { //排序的函数
    if (typesort == 'sort') {
        var newkey = Object.keys(obj).sort(); //升序
    } else {
        var newkey = Object.keys(obj).sort().reverse(); //降序
    }
    //先用Object内置类的keys方法获取要排序对象的属性名，再利用Array原型上的sort方法对获取的属性名进行排序，newkey是一个数组
    var newObj = {}; //创建一个新的对象，用于存放排好序的键值对
    for (var i = 0; i < newkey.length; i++) { //遍历newkey数组
        newObj[newkey[i]] = obj[newkey[i]]; //向新创建的对象中按照排好的顺序依次增加键值对
    }
    return newObj; //返回排好序的新对象
}

感谢大神文章