最近在项目开发中遇到前端发送参数加密的问题,网上查找半天也是很乱,小编自己在项目开发中总结了一下,写到博客中,希望能够帮助大家。
贴上html,javascript代码
1 <!doctype html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8" />
5 <link rel="icon" href="ico.ico">
6 <title>前端md5加密</title>
7
8 </head>
9 <body>
10
11 </body>
12 <script type="text/javascript" src="js/jquery.min.js"></script>
13 <script src="js/core.js"></script>
14 <script src="js/cipher-core.js"></script>
15 <script src="js/tripledes.js"></script>
16 <script src="js/mode-ecb.js"></script>
17 <script>
18 var thisl = {
19 lng : "114.0690720000",
20 lat : "22.6662030000",
21 distance: "10"
22 }
23
24 //加密的私钥(这个要跟后台进行沟通,确认前后端密钥相同)
25 var key = 'HL1HBF6lLND721';
26 //将json转为字符串
27 var aToStr=JSON.stringify(thisl);
28 //对aTostr进行加密
29 var str1 = encryptByDES(aToStr,key);
30
31 //对str1进行解密
32 var str2 = decryptByDESModeEBC(str1,key);
33
34 //将str1转为字符串传给后台
35 var num = str1.toString();
36 console.log(num) // 控制台去看
37
38 //将str2解密的字符串转为json
39 var str2_a = JSON.parse(str2);
40 console.log(str2) // 控制台去看
41
42 var a = '我的博客';
43 //对a进行加密
44 var script_a = encryptByDES(a,key);
45 console.log(script_a); // 控制台去看
46 //script_a解密
47 var decrypt = decryptByDESModeEBC(script_a,key);
48 console.log(decrypt) //我的博客
49
50
51 function encryptByDES(message,key) {
52 //把私钥转换成16进制的字符串
53 var keyHex = CryptoJS.enc.Utf8.parse(key);
54 //模式为ECB padding为Pkcs7
55 var encrypted = CryptoJS.DES.encrypt(message, keyHex, {
56 mode: CryptoJS.mode.ECB,
57 padding: CryptoJS.pad.Pkcs7
58 });
59 //加密出来是一个16进制的字符串
60 return encrypted.ciphertext.toString();
61 }
62 //DES ECB模式解密
63 function decryptByDESModeEBC(ciphertext,key) {
64 //把私钥转换成16进制的字符串
65 var keyHex = CryptoJS.enc.Utf8.parse(key);
66 //把需要解密的数据从16进制字符串转换成字符byte数组
67 var decrypted = CryptoJS.DES.decrypt({
68 ciphertext: CryptoJS.enc.Hex.parse(ciphertext)
69 }, keyHex, {
70 mode: CryptoJS.mode.ECB,
71 padding: CryptoJS.pad.Pkcs7
72 });
73 //以utf-8的形式输出解密过后内容
74 var result_value = decrypted.toString(CryptoJS.enc.Utf8);
75 return result_value;
76 }
77 </script>
78 </html>