js java 前后端md5加密

发表于 | 更新于 | 分类于 | 评论数： | 阅读次数：
字数统计: 2,092字 | 阅读时长 ≈ 12分钟

当做用户登陆、注册的用户名与密码加密时，可以在前端用js定义md5函数对值做哈希，如此用户提交表单后，在网络中路由间传递的便是简单加密后的信息，而非明文信息，等表单提交到后台后，可用md5再次对其进行加密，再行存储。还有很多更稳妥有效的方法，有待学习，先将对md5的初步学习结果记录下来，以备后用。
1.前端 md5.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
function md5(string){
	function md5_RotateLeft(lValue, iShiftBits) {
         return (lValue<<iShiftBits) | (lValue>>>(32-iShiftBits));
	}
	function md5_AddUnsigned(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);
         }
	}         
	function md5_F(x,y,z){
         return (x & y) | ((~x) & z);
	}
	function md5_G(x,y,z){
         return (x & z) | (y & (~z));
	}
	function md5_H(x,y,z){
         return (x ^ y ^ z);
	}
	function md5_I(x,y,z){
         return (y ^ (x | (~z)));
	}
	function md5_FF(a,b,c,d,x,s,ac){
         a = md5_AddUnsigned(a, md5_AddUnsigned(md5_AddUnsigned(md5_F(b, c, d), x), ac));
         return md5_AddUnsigned(md5_RotateLeft(a, s), b);
	}; 
	function md5_GG(a,b,c,d,x,s,ac){
         a = md5_AddUnsigned(a, md5_AddUnsigned(md5_AddUnsigned(md5_G(b, c, d), x), ac));
         return md5_AddUnsigned(md5_RotateLeft(a, s), b);
	};
	function md5_HH(a,b,c,d,x,s,ac){
         a = md5_AddUnsigned(a, md5_AddUnsigned(md5_AddUnsigned(md5_H(b, c, d), x), ac));
         return md5_AddUnsigned(md5_RotateLeft(a, s), b);
	}; 
	function md5_II(a,b,c,d,x,s,ac){
         a = md5_AddUnsigned(a, md5_AddUnsigned(md5_AddUnsigned(md5_I(b, c, d), x), ac));
         return md5_AddUnsigned(md5_RotateLeft(a, s), b);
	};
	function md5_ConvertToWordArray(string) {
         var lWordCount;
         var lMessageLength = string.length;
         var lNumberOfWords_temp1=lMessageLength + 8;
         var lNumberOfWords_temp2=(lNumberOfWords_temp1-(lNumberOfWords_temp1 % 64))/64;
         var lNumberOfWords = (lNumberOfWords_temp2+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;
	}; 
	function md5_WordToHex(lValue){
         var WordToHexValue="",WordToHexValue_temp="",lByte,lCount;
         for(lCount = 0;lCount<=3;lCount++){
                 lByte = (lValue>>>(lCount*8)) & 255;
                 WordToHexValue_temp = "0" + lByte.toString(16);
                 WordToHexValue = WordToHexValue + WordToHexValue_temp.substr(WordToHexValue_temp.length-2,2);
         }
         return WordToHexValue;
	};
	function md5_Utf8Encode(string){
         string = string.replace(/\r\n/g,"\n");
         var utftext = ""; 
         for (var n = 0; n < string.length; n++) {
                 var c = string.charCodeAt(n); 
                 if (c < 128) {
                         utftext += String.fromCharCode(c);
                 }else if((c > 127) && (c < 2048)) {
                         utftext += String.fromCharCode((c >> 6) | 192);
                         utftext += String.fromCharCode((c & 63) | 128);
                 } else {
                         utftext += String.fromCharCode((c >> 12) | 224);
                         utftext += String.fromCharCode(((c >> 6) & 63) | 128);
                         utftext += String.fromCharCode((c & 63) | 128);
                 } 
         } 
         return utftext;
	}; 
	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 = md5_Utf8Encode(string);
	x = md5_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=md5_FF(a,b,c,d,x[k+0], S11,0xD76AA478);
         d=md5_FF(d,a,b,c,x[k+1], S12,0xE8C7B756);
         c=md5_FF(c,d,a,b,x[k+2], S13,0x242070DB);
         b=md5_FF(b,c,d,a,x[k+3], S14,0xC1BDCEEE);
         a=md5_FF(a,b,c,d,x[k+4], S11,0xF57C0FAF);
         d=md5_FF(d,a,b,c,x[k+5], S12,0x4787C62A);
         c=md5_FF(c,d,a,b,x[k+6], S13,0xA8304613);
         b=md5_FF(b,c,d,a,x[k+7], S14,0xFD469501);
         a=md5_FF(a,b,c,d,x[k+8], S11,0x698098D8);
         d=md5_FF(d,a,b,c,x[k+9], S12,0x8B44F7AF);
         c=md5_FF(c,d,a,b,x[k+10],S13,0xFFFF5BB1);
         b=md5_FF(b,c,d,a,x[k+11],S14,0x895CD7BE);
         a=md5_FF(a,b,c,d,x[k+12],S11,0x6B901122);
         d=md5_FF(d,a,b,c,x[k+13],S12,0xFD987193);
         c=md5_FF(c,d,a,b,x[k+14],S13,0xA679438E);
         b=md5_FF(b,c,d,a,x[k+15],S14,0x49B40821);
         a=md5_GG(a,b,c,d,x[k+1], S21,0xF61E2562);
         d=md5_GG(d,a,b,c,x[k+6], S22,0xC040B340);
         c=md5_GG(c,d,a,b,x[k+11],S23,0x265E5A51);
         b=md5_GG(b,c,d,a,x[k+0], S24,0xE9B6C7AA);
         a=md5_GG(a,b,c,d,x[k+5], S21,0xD62F105D);
         d=md5_GG(d,a,b,c,x[k+10],S22,0x2441453);
         c=md5_GG(c,d,a,b,x[k+15],S23,0xD8A1E681);
         b=md5_GG(b,c,d,a,x[k+4], S24,0xE7D3FBC8);
         a=md5_GG(a,b,c,d,x[k+9], S21,0x21E1CDE6);
         d=md5_GG(d,a,b,c,x[k+14],S22,0xC33707D6);
         c=md5_GG(c,d,a,b,x[k+3], S23,0xF4D50D87);
         b=md5_GG(b,c,d,a,x[k+8], S24,0x455A14ED);
         a=md5_GG(a,b,c,d,x[k+13],S21,0xA9E3E905);
         d=md5_GG(d,a,b,c,x[k+2], S22,0xFCEFA3F8);
         c=md5_GG(c,d,a,b,x[k+7], S23,0x676F02D9);
         b=md5_GG(b,c,d,a,x[k+12],S24,0x8D2A4C8A);
         a=md5_HH(a,b,c,d,x[k+5], S31,0xFFFA3942);
         d=md5_HH(d,a,b,c,x[k+8], S32,0x8771F681);
         c=md5_HH(c,d,a,b,x[k+11],S33,0x6D9D6122);
         b=md5_HH(b,c,d,a,x[k+14],S34,0xFDE5380C);
         a=md5_HH(a,b,c,d,x[k+1], S31,0xA4BEEA44);
         d=md5_HH(d,a,b,c,x[k+4], S32,0x4BDECFA9);
         c=md5_HH(c,d,a,b,x[k+7], S33,0xF6BB4B60);
         b=md5_HH(b,c,d,a,x[k+10],S34,0xBEBFBC70);
         a=md5_HH(a,b,c,d,x[k+13],S31,0x289B7EC6);
         d=md5_HH(d,a,b,c,x[k+0], S32,0xEAA127FA);
         c=md5_HH(c,d,a,b,x[k+3], S33,0xD4EF3085);
         b=md5_HH(b,c,d,a,x[k+6], S34,0x4881D05);
         a=md5_HH(a,b,c,d,x[k+9], S31,0xD9D4D039);
         d=md5_HH(d,a,b,c,x[k+12],S32,0xE6DB99E5);
         c=md5_HH(c,d,a,b,x[k+15],S33,0x1FA27CF8);
         b=md5_HH(b,c,d,a,x[k+2], S34,0xC4AC5665);
         a=md5_II(a,b,c,d,x[k+0], S41,0xF4292244);
         d=md5_II(d,a,b,c,x[k+7], S42,0x432AFF97);
         c=md5_II(c,d,a,b,x[k+14],S43,0xAB9423A7);
         b=md5_II(b,c,d,a,x[k+5], S44,0xFC93A039);
         a=md5_II(a,b,c,d,x[k+12],S41,0x655B59C3);
         d=md5_II(d,a,b,c,x[k+3], S42,0x8F0CCC92);
         c=md5_II(c,d,a,b,x[k+10],S43,0xFFEFF47D);
         b=md5_II(b,c,d,a,x[k+1], S44,0x85845DD1);
         a=md5_II(a,b,c,d,x[k+8], S41,0x6FA87E4F);
         d=md5_II(d,a,b,c,x[k+15],S42,0xFE2CE6E0);
         c=md5_II(c,d,a,b,x[k+6], S43,0xA3014314);
         b=md5_II(b,c,d,a,x[k+13],S44,0x4E0811A1);
         a=md5_II(a,b,c,d,x[k+4], S41,0xF7537E82);
         d=md5_II(d,a,b,c,x[k+11],S42,0xBD3AF235);
         c=md5_II(c,d,a,b,x[k+2], S43,0x2AD7D2BB);
         b=md5_II(b,c,d,a,x[k+9], S44,0xEB86D391);
         a=md5_AddUnsigned(a,AA);
         b=md5_AddUnsigned(b,BB);
         c=md5_AddUnsigned(c,CC);
         d=md5_AddUnsigned(d,DD);
	}
	return (md5_WordToHex(a)+md5_WordToHex(b)+md5_WordToHex(c)+md5_WordToHex(d)).toLowerCase();           
}

在login.jsp页面里引用示例：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>
<html>
  <head>
	<title>登陆</title>
	<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/style/reset.css">
	<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/style/main.css">
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/md5.js"></script>
  </head>
  
  <body align = "center">
    <div class="headerBar">
	<div class="logoBar login_logo">
		<div class="comWidth">
			<h3 class="welcome_title" >欢迎登陆</h3>
		</div>
	</div>
</div>
<s:form action="user_login" method="post" namespace="/" >
<div class="loginBox">
	<h3><s:actionerror/></h3>
	<div class="login_cont">
		<ul class="login">
			<li class="l_tit">用户名</li>
			<li class="mb_10"><input type="text" name="username" id="username" class="login_input user_icon" placeholder="请输入用户名"></li>
			<li class="l_tit">密码</li>
			<li class="mb_10"><input type="password" name="password" id="password" class="login_input user_icon" placeholder="请输入密码"></li>
			
			<li><input type="submit" value="" class="login_btn" onclick="login()">
		</ul>
	</div>
	
</div>
</s:form>
  </body>
  <strong>
  <script type="text/javascript">
		function login(){
			document.getElementById("username").value = md5(document.getElementById("username").value);
			document.getElementById("password").value = md5(document.getElementById("password").value);
		}
	</script>
  </strong>
</html>

2.后台Java 使用MD5算法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
public String md5Encode(String inStr){
		MessageDigest md5 = null;
		try{
			md5 = MessageDigest.getInstance("MD5");
		}catch(Exception e){
			System.out.println(e.toString());
			e.printStackTrace();
			return "";
		}
		byte[] byteArray = null;
		try {
			byteArray = inStr.getBytes("UTF-8");
		} catch (UnsupportedEncodingException e) {
			e.printStackTrace();
		}
		byte[] md5Bytes = md5.digest(byteArray);
		StringBuffer hexValue = new StringBuffer();
		for(int i=0;i<md5Bytes.length;i++){
			int val = md5Bytes[i] & 0xff;
			if(val<16){
				hexValue.append("0");
			}
			hexValue.append(Integer.toHexString(val));
		}
		return hexValue.toString();
	}

如此便可得到32位的加密后的16进制字符串，亲测对中英文数字等前后端计算结果一致，即用js和用Java加密一次获取到的结果一致，以前找到过两个md5.js计算中文的md5值时结果与后台采用Java的结果不一致，但上文中此版可以。还有，为提高安全性，还可为md5加盐值，例子见此贴
一种简单的给MD5加盐算法

在自己做demo的时候，将用户的md5摘要做rowkey，用户的密码的md5摘要的第11-15位替换为rowkey对应的11-15位进行存储，之前看到有说可以将用户名和密码相加求MD5后再截取固定长度也不错。

原文：https://blog.csdn.net/arenn/article/details/53538494

本文结束啦感谢您的阅读

本文标题:js java 前后端md5加密

文章作者:Smartfoot

原始链接:http://blog.bestsmartfoot.top/2018/10/30/Md5-jsjava/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

公众号