前端实现MD5加密（以小程序为例）

最新推荐文章于 2024-05-04 22:23:56 发布
最新推荐文章于 2024-05-04 22:23:56 发布
阅读量2.6k 收藏 3
点赞数
分类专栏： 微信小程序 js 文章标签： md5  url加密
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Candy_mi/article/details/81358392
版权

MD5.js

var rotateLeft = function(lValue, iShiftBits) {
	return (lValue << iShiftBits) | (lValue >>> (32 - iShiftBits));
}

var addUnsigned = function(lX, lY) {
	var lX4, lY4, lX8, lY8, lResult;
	lX8 = (lX & 0x80000000);
	lY8 = (lY & 0x80000000);
	lX4 = (lX & 0x40000000);
	lY4 = (lY & 0x40000000);
	lResult = (lX & 0x3FFFFFFF) + (lY & 0x3FFFFFFF);
	if (lX4 & lY4) return (lResult ^ 0x80000000 ^ lX8 ^ lY8);
	if (lX4 | lY4) {
		if (lResult & 0x40000000) return (lResult ^ 0xC0000000 ^ lX8 ^ lY8);
		else return (lResult ^ 0x40000000 ^ lX8 ^ lY8);
	} else {
		return (lResult ^ lX8 ^ lY8);
	}
}

var F = function(x, y, z) {
	return (x & y) | ((~ x) & z);
}

var G = function(x, y, z) {
	return (x & z) | (y & (~ z));
}

var H = function(x, y, z) {
	return (x ^ y ^ z);
}

var I = function(x, y, z) {
	return (y ^ (x | (~ z)));
}

var FF = function(a, b, c, d, x, s, ac) {
	a = addUnsigned(a, addUnsigned(addUnsigned(F(b, c, d), x), ac));
	return addUnsigned(rotateLeft(a, s), b);
};

var GG = function(a, b, c, d, x, s, ac) {
	a = addUnsigned(a, addUnsigned(addUnsigned(G(b, c, d), x), ac));
	return addUnsigned(rotateLeft(a, s), b);
};

var HH = function(a, b, c, d, x, s, ac) {
	a = addUnsigned(a, addUnsigned(addUnsigned(H(b, c, d), x), ac));
	return addUnsigned(rotateLeft(a, s), b);
};

var II = function(a, b, c, d, x, s, ac) {
	a = addUnsigned(a, addUnsigned(addUnsigned(I(b, c, d), x), ac));
	return addUnsigned(rotateLeft(a, s), b);
};

var convertToWordArray = function(string) {
	var lWordCount;
	var lMessageLength = string.length;
	var lNumberOfWordsTempOne = lMessageLength + 8;
	var lNumberOfWordsTempTwo = (lNumberOfWordsTempOne - (lNumberOfWordsTempOne % 64)) / 64;
	var lNumberOfWords = (lNumberOfWordsTempTwo + 1) * 16;
	var lWordArray = Array(lNumberOfWords - 1);
	var lBytePosition = 0;
	var lByteCount = 0;
	while (lByteCount < lMessageLength) {
		lWordCount = (lByteCount - (lByteCount % 4)) / 4;
		lBytePosition = (lByteCount % 4) * 8;
		lWordArray[lWordCount] = (lWordArray[lWordCount] | (string.charCodeAt(lByteCount) << lBytePosition));
		lByteCount++;
	}
	lWordCount = (lByteCount - (lByteCount % 4)) / 4;
	lBytePosition = (lByteCount % 4) * 8;
	lWordArray[lWordCount] = lWordArray[lWordCount] | (0x80 << lBytePosition);
	lWordArray[lNumberOfWords - 2] = lMessageLength << 3;
	lWordArray[lNumberOfWords - 1] = lMessageLength >>> 29;
	return lWordArray;
};

var wordToHex = function(lValue) {
	var WordToHexValue = "", WordToHexValueTemp = "", lByte, lCount;
	for (lCount = 0; lCount <= 3; lCount++) {
		lByte = (lValue >>> (lCount * 8)) & 255;
		WordToHexValueTemp = "0" + lByte.toString(16);
		WordToHexValue = WordToHexValue + WordToHexValueTemp.substr(WordToHexValueTemp.length - 2, 2);
	}
	return WordToHexValue;
};

var uTF8Encode = function(string) {
	string = string.replace(/\x0d\x0a/g, "\x0a");
	var output = "";
	for (var n = 0; n < string.length; n++) {
		var c = string.charCodeAt(n);
		if (c < 128) {
			output += String.fromCharCode(c);
		} else if ((c > 127) && (c < 2048)) {
			output += String.fromCharCode((c >> 6) | 192);
			output += String.fromCharCode((c & 63) | 128);
		} else {
			output += String.fromCharCode((c >> 12) | 224);
			output += String.fromCharCode(((c >> 6) & 63) | 128);
			output += String.fromCharCode((c & 63) | 128);
		}
	}
	return output;
};

function md5(string) {
		var x = Array();
		var k, AA, BB, CC, DD, a, b, c, d;
		var S11=7, S12=12, S13=17, S14=22;
		var S21=5, S22=9 , S23=14, S24=20;
		var S31=4, S32=11, S33=16, S34=23;
		var S41=6, S42=10, S43=15, S44=21;
		string = uTF8Encode(string);
		x = convertToWordArray(string);
		a = 0x67452301; b = 0xEFCDAB89; c = 0x98BADCFE; d = 0x10325476;
		for (k = 0; k < x.length; k += 16) {
			AA = a; BB = b; CC = c; DD = d;
			a = FF(a, b, c, d, x[k+0],  S11, 0xD76AA478);
			d = FF(d, a, b, c, x[k+1],  S12, 0xE8C7B756);
			c = FF(c, d, a, b, x[k+2],  S13, 0x242070DB);
			b = FF(b, c, d, a, x[k+3],  S14, 0xC1BDCEEE);
			a = FF(a, b, c, d, x[k+4],  S11, 0xF57C0FAF);
			d = FF(d, a, b, c, x[k+5],  S12, 0x4787C62A);
			c = FF(c, d, a, b, x[k+6],  S13, 0xA8304613);
			b = FF(b, c, d, a, x[k+7],  S14, 0xFD469501);
			a = FF(a, b, c, d, x[k+8],  S11, 0x698098D8);
			d = FF(d, a, b, c, x[k+9],  S12, 0x8B44F7AF);
			c = FF(c, d, a, b, x[k+10], S13, 0xFFFF5BB1);
			b = FF(b, c, d, a, x[k+11], S14, 0x895CD7BE);
			a = FF(a, b, c, d, x[k+12], S11, 0x6B901122);
			d = FF(d, a, b, c, x[k+13], S12, 0xFD987193);
			c = FF(c, d, a, b, x[k+14], S13, 0xA679438E);
			b = FF(b, c, d, a, x[k+15], S14, 0x49B40821);
			a = GG(a, b, c, d, x[k+1],  S21, 0xF61E2562);
			d = GG(d, a, b, c, x[k+6],  S22, 0xC040B340);
			c = GG(c, d, a, b, x[k+11], S23, 0x265E5A51);
			b = GG(b, c, d, a, x[k+0],  S24, 0xE9B6C7AA);
			a = GG(a, b, c, d, x[k+5],  S21, 0xD62F105D);
			d = GG(d, a, b, c, x[k+10], S22, 0x2441453);
			c = GG(c, d, a, b, x[k+15], S23, 0xD8A1E681);
			b = GG(b, c, d, a, x[k+4],  S24, 0xE7D3FBC8);
			a = GG(a, b, c, d, x[k+9],  S21, 0x21E1CDE6);
			d = GG(d, a, b, c, x[k+14], S22, 0xC33707D6);
			c = GG(c, d, a, b, x[k+3],  S23, 0xF4D50D87);
			b = GG(b, c, d, a, x[k+8],  S24, 0x455A14ED);
			a = GG(a, b, c, d, x[k+13], S21, 0xA9E3E905);
			d = GG(d, a, b, c, x[k+2],  S22, 0xFCEFA3F8);
			c = GG(c, d, a, b, x[k+7],  S23, 0x676F02D9);
			b = GG(b, c, d, a, x[k+12], S24, 0x8D2A4C8A);
			a = HH(a, b, c, d, x[k+5],  S31, 0xFFFA3942);
			d = HH(d, a, b, c, x[k+8],  S32, 0x8771F681);
			c = HH(c, d, a, b, x[k+11], S33, 0x6D9D6122);
			b = HH(b, c, d, a, x[k+14], S34, 0xFDE5380C);
			a = HH(a, b, c, d, x[k+1],  S31, 0xA4BEEA44);
			d = HH(d, a, b, c, x[k+4],  S32, 0x4BDECFA9);
			c = HH(c, d, a, b, x[k+7],  S33, 0xF6BB4B60);
			b = HH(b, c, d, a, x[k+10], S34, 0xBEBFBC70);
			a = HH(a, b, c, d, x[k+13], S31, 0x289B7EC6);
			d = HH(d, a, b, c, x[k+0],  S32, 0xEAA127FA);
			c = HH(c, d, a, b, x[k+3],  S33, 0xD4EF3085);
			b = HH(b, c, d, a, x[k+6],  S34, 0x4881D05);
			a = HH(a, b, c, d, x[k+9],  S31, 0xD9D4D039);
			d = HH(d, a, b, c, x[k+12], S32, 0xE6DB99E5);
			c = HH(c, d, a, b, x[k+15], S33, 0x1FA27CF8);
			b = HH(b, c, d, a, x[k+2],  S34, 0xC4AC5665);
			a = II(a, b, c, d, x[k+0],  S41, 0xF4292244);
			d = II(d, a, b, c, x[k+7],  S42, 0x432AFF97);
			c = II(c, d, a, b, x[k+14], S43, 0xAB9423A7);
			b = II(b, c, d, a, x[k+5],  S44, 0xFC93A039);
			a = II(a, b, c, d, x[k+12], S41, 0x655B59C3);
			d = II(d, a, b, c, x[k+3],  S42, 0x8F0CCC92);
			c = II(c, d, a, b, x[k+10], S43, 0xFFEFF47D);
			b = II(b, c, d, a, x[k+1],  S44, 0x85845DD1);
			a = II(a, b, c, d, x[k+8],  S41, 0x6FA87E4F);
			d = II(d, a, b, c, x[k+15], S42, 0xFE2CE6E0);
			c = II(c, d, a, b, x[k+6],  S43, 0xA3014314);
			b = II(b, c, d, a, x[k+13], S44, 0x4E0811A1);
			a = II(a, b, c, d, x[k+4],  S41, 0xF7537E82);
			d = II(d, a, b, c, x[k+11], S42, 0xBD3AF235);
			c = II(c, d, a, b, x[k+2],  S43, 0x2AD7D2BB);
			b = II(b, c, d, a, x[k+9],  S44, 0xEB86D391);
			a = addUnsigned(a, AA);
			b = addUnsigned(b, BB);
			c = addUnsigned(c, CC);
			d = addUnsigned(d, DD);
		}
		var tempValue = wordToHex(a) + wordToHex(b) + wordToHex(c) + wordToHex(d);
		return tempValue.toLowerCase();
	}
module.exports = {  
 hexMD5: md5  
}

2.

//网络请求封装
function request(url, data, method, load, callback) {
  if (load == 1) {
    wx.showLoading({
      mask: true,
      title: '加载中'
    })
  }

  var sign = czParms(data)          //调用加密函数
  wx.request({
    url: url + '?sign=' + sign,    //拼接token和md5加密码
    url: url + '?sign=' + sign,
    // url: url,
    data: data,
    header: {
      "content-type": "application/x-www-form-urlencoded;charset=utf-8"
    },
    method: method,
    success: function (res) {
      load == 1 ? wx.hideLoading() : ''
      callback(res)
    },
    fail: function (res) {
      load == 1 ? wx.hideLoading() : ''
      wx.showToast({
        title: "网络连接超时",
        icon: 'none',
        duration: 3000,
      })
    }
  })
}

// md5加密
function czParms(pams) {
  // 参数以key键和val值重组
  let Zpams = JSON.stringify((pams))   //JOSN对象转换JSON字符串
  Zpams = Zpams.replace("{", "").replace("}", "")   //去掉空格   
  Zpams = Zpams.replace(/\"/g, "")  //去掉双引号
  // console.log(Zpams)
  var Apams = [];   //定义一数组
  Apams = Zpams.split(",");  //字符分割
  var array1 = []   //key数组
  var array2 = []   //val数组
  for (var i = 0; i < Apams.length; i++) {
    // console.log(Apams[i].split(":"))   //以:拆分key和val值
    array1 = array1.concat(Apams[i].split(":")[0])
    array2 = array2.concat(Apams[i].split(":")[1])
  }
  let eidtionTypeList = [];
  //组成待验证加密数组
  for (let i = 0; i < Apams.length; i++) {
    eidtionTypeList.push({
      key: array1[i],
      val: array2[i],
    })
  }
  eidtionTypeList.sort(sortkey)
  return dataEncrypt(eidtionTypeList)   
}

// 按参数key按字母从小到大排序
function sortkey(val1, val2) {
  // 转换
  val1 = val1.key.toLowerCase();
  val2 = val2.key.toLowerCase();
  // 获取较长元素的长度
  var length = val1.length > val2.length ? val1.length : val2.length;
  // 依次比较字母的unicode码，相等时返回0，小于时返回-1，大于时返回1
  for (var i = 0; i < length; i++) {
    var differ = val1.charCodeAt(i) - val2.charCodeAt(i);
    if (differ == 0) {
      continue;
    } else {
      if (val1.charAt(i) == '_') {
        return -1;
      }
      return differ;
    }
  }
  if (i == length) {
    return val1.length - val2.length;
  }
}

//md5数据加密
function dataEncrypt(eidtionTypeList) {
  //key排序后的值拼接.
  var _key = "";
  //对_key的val值拼接(空值跳过)
  for (var i = 0; i < eidtionTypeList.length; i++) {
    if (eidtionTypeList[i].val == "") continue;
    _key += eidtionTypeList[i].val;
  }
  var sign = utilMd5.hexMD5(decodeURI(_key));
  // console.log(sign)
  return sign;
}

 

面壁思过程
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
小程序登录md5密码加密
zyh19980808的博客
06-27 424
小程序登录md5密码加密
一个简单的MD5加密实例
miwuawen的专栏
06-10 379
首先是添加类，实现哈希输入字符串并返回一个32字符的十六进制字符串哈希，以及验证字符串 Imports System Imports System.Security.Cryptography Imports System.Text Public Class Class1     ' 哈希输入字符串并返回一个32字符的十六进制字符串哈希。     Function getMd5Hash(ByV
md5算法流程图
07-20
如果你想学习md5算法，又苦于看不懂代码，就看看这个流程图吧
微信小程序中使用MD5加密
qq_40905757的博客
02-20 955
1、下载MD5源文件(JS); 2、在小程序模块中使用require引入外部模块；也可以在index.html中直接全局引入md5.js文件。 因为源md5.js中没有对模块的输出，如果使用require需要export，所以在md5.js中需要加入以下代码： module.exports =  {   hexMD5: hex_md5 //需要输出的加密算法，我这边只写了我用到的一种，如需用...
2024年Web前端最全Vue3 使用MD5加密（清晰明了）_vue3 md5加密，十大前端开发框架
最新发布
2401_84413092的博客
05-04 1529
在目录src中创建 shims.d.ts 文件，文件名可以自己定义，由于我这个已经有 shims.d.ts 文件，直接在文件里面加声明了。.d.ts 文件是可以放到src目录下，或者根目录都可以。无法找到模块“js-md5”的声明文件。/src/md5.js”隐式拥有 “any” 类型。已声明“md5”，但从未读取其值。配置完之后，就可以使用了。提示已经提供了两种方案。
MD5加密原理
離夢
09-09 4422
目录 简介 MD5 算法底层原理： 第一步:处理原文 第二步:设置初始值 第三步:循环处理分组数据 参数及函数 第四步:拼接结果 代码实现: java 实现MD5加密原理 使用Java自带的MessageDigest工具类实现 简介 MD5的全称是Message-Digest Algorithm 5（信息-摘要算法），在90年代初由MIT Laboratory for ...
前端实现MD5加密
qq_71214810的博客
08-28 2461
前端怎么实现MD5加密
微信小程序前端加密后台.NetC#加密验证加密.rar
09-02
在标题提到的“微信小程序前端加密后台.Net C#加密验证加密.rar”文件中，包含了两部分关键内容：一个前端JavaScript的加密实现（md5.js）和一个后端.NET C#的加密验证实现（Md5CS.cs）。这两个文件都是围绕MD5...
小程序纯前端支付
02-26
总的来说，小程序纯前端支付技术实现了轻量级的支付解决方案，降低了开发成本，但也需要开发者对前端安全有深入理解，以确保支付过程的安全可靠。通过学习和掌握这些知识点，开发者可以构建高效、安全的小程序支付...
微信小程序支付，服务端java项目+前端小程序实现。.zip
01-11
总的来说，实现微信小程序支付涉及前端小程序API的调用、服务端Java接口的设计与实现、支付安全策略以及与微信支付平台的接口对接等多个环节。开发者需要对微信支付的文档有深入理解，并具备一定的前后端开发能力。
富文本解析，折线图，MD5,bluebird_微信小程序模板js代码前台前端H5页面源码.rar
08-09
微信小程序不直接提供MD5计算功能，但可以通过引入第三方库如`md5.min.js`来实现。MD5可以确保数据的安全性，但需要注意的是，MD5已经不被认为足够安全，对于敏感数据应考虑使用更安全的哈希算法。 4. **Bluebird**...
PHP实现的简单对称加密与解密方法实例小结
12-20
加密和解密都涉及`mcrypt_encrypt`和`mcrypt_decrypt`函数，以及`md5`用于生成密钥。此方法适合对大量数据进行加密，因为它提供了更高级别的安全性。 ```php public static function encrypt($code) { return ...
CTF-Crypto学习记录-第三天 MD5加密算法（信息摘要算法）“ “
Sciurdae的博客
10-26 721
MD5加密算法，也称信息摘要算法（Message-Digest Algorith 5），所谓的信息摘要就是将明文内容按一定的规则生成一段哈希（Hash）值 ，即得到这段明文内容的消息摘要。利用MD5可以基于任意长度的明文字符串生成128-bit的哈希值，结果唯一且不可逆。
​​​​​​​MD5加密原理
m0_62207482的博客
02-04 273
MD5是以512位的分组来处理输入的信息，并且将每一分组又划分成16个32 位的子分组，经过了一系列的处理后，算法的输出由四个32位的分组组成，将这 四个32位的分组结合后将生成一个128位的散列值。所有这些操作完成之后，将A 、B 、C 、D分别加上a 、b 、c 、d ，然后用下一 分组的数据继续运行算法，最后MD5算法产生128位的输出是A 、B 、C 、D的级 联，其中低字节始于A ，高字节终于D。将上面四个 链接变量复制到另外四个变量中：A到a ，B到b ，C到c ，D到d。
MD5算法加密实现
DennisRuan(米粒橙)
04-14 515
方式一： import java.security.MessageDigest; public class MyMD5 {     static char[] hex = {'0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F'};      public static void main(String[] a
MD5进行加密步骤解释，RSA加密步骤详解
static_fuck的博客
09-09 2457
MD5，rsa加密
Javascript的ES6 class写法和ES5闭包写法性能对比
小松鼠举栗子
03-10 744
计算过程将结果再放回参数, 这样避免结果没被引用被优化, 影响对比结果.其中test.js采用闭包写法, test2.js采用类写法.因此对性能要求比较高的话, 还是推荐类写法.这个实验很简单, 用md5计算一百万次.闭包的写法时间略大于类写法, 大概20%下面是闭包写法test.js的代码。下面是类写法test2.js。一直怀疑它对性能是否有影响.看到很多闭包写法的函数,最终的对比结果如下图所示.于是, 做了一个实验.
微信小程序中使用md5加密
xuming1209的专栏
12-12 7873
微信小程序中有以下需求，密码需要md5加密后的密码。 请求参数 名称 必选/可选 类型 位置 说明 Content-Type 必选 String Header 消息体的媒体类型，必须为”application/json” account 必选 String Body 账号名称（用户名、手机号或邮箱） password 必选 String Body md5 加密的密码 ...
在小程序里使用md5
u011200562的博客
03-09 4748
1、使用md5.js的首先你要有md5.js这个文件https://github.com/emn178/js-md5 　　 You can also install js-md5 by using Bower. bower install md5 For node.js, you can use this command to install: npm install js-md5 2、把md5.js的文件放到小程序的项目中，我是放在这里 3、然后在你想.
VB6.0实现MD5加密算法的类模块示例
"该文档提供了一个使用VB6.0实现的MD5加密算法类模块实例。MD5（Message-Digest Algorithm 5）是一种广泛使用的密码散列函数，产生一个128位（16字节）的散列值，通常表示为32位的十六进制字符串。这个实例包括一个...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值