10. Javascript 前後端數據加密

為了加強項目的介面安全程度，需求如下

 1         var options = {
 2             // 前端需要傳送的數據加密
 3             data: {
 4                 abc: 123,
 5                 bcd: 123,
 6                 cds: '撒旦教付貨款12313',
 7             },
 8             // 模擬後端返回base64碼
 9             key: 'NWxCZUZ3YWlE'
10         }
11         var test = function (option) {
12             //定義時添加VAR表示是私有屬性 內部使用
13             var data = option.data; // 前端傳送的數據
14             var key = option.key; // base64
15             //  前端對數據做ascii碼排序
16             var sort_ASCII = function (obj) {
17                 if (obj == null) return '';
18                 var arr = new Array();
19                 var num = 0;
20                 for (var i in obj) {
21                     arr[num] = i;
22                     num++;
23                 }
24                 var sortArr = arr.sort();
25                 var sortObj = {};
26                 for (var i in sortArr) {
27                     sortObj[sortArr[i]] = obj[sortArr[i]];
28                 }
29                 return sortObj;
30             }
31             // 對象封裝 將data轉譯成字元串
32             var changeUrl = function (obj) {
33                 if (obj == null) return '';
34                 var str = ""
35                 var n = 0;
36                 Object.keys(sort_ASCII(obj)).forEach(key => {
37                     // if (!isNaN(obj[key])) {
38                     //     str += (n ? '&' : '') + key + '=' + obj[key];
39                     //     n++
40                     // }
41                     if (!/.*[\u4e00-\u9fa5]+.*$/.test(obj[key])) {
42                         str += (n ? '&' : '') + key + '=' + obj[key];
43                         n++
44                     }
45                 })
46                 return str
47             }
48             //  字元串與位異或封裝
49             var stringToChars = function (_s, _num) {
50                 var _r = "";
51                 for (var i = 0; i < _s.length; i++) {
52                     _r += String.fromCharCode(_s.charCodeAt(i) ^ _num);
53                 }
54                 return _r.trim().replace(/\s/g, "");
55             }
56             // 封裝內部計算方式
57             var remainder = function (str) {
58                 var num = Math.pow(2, str.length % 3 + 1);
59                 return stringToChars(changeUrl(data), num)
60             }
61             // 方法前加this表示公共方法 可以在外部訪問
62             // 獲取前後端密鑰
63             this.getSignature = function () {
64                 var code = stringToChars(key, 2)
65                 var n = Math.pow(2, code.length % 3);
66                 code = stringToChars(md5(code), n)
67                 // md5加密前後密鑰
68                 return md5(remainder(changeUrl(data)) + code)
69             }
70         }
71         var t = new test(options);
72         // 生成最後的簽名
73         console.log(t.getSignature());