前端使用国密SM4举行加密、解密

需求

   前端/后端使用 国密SM4 举行加密/解密，
【注意】前后端配合加解密时，必要我们自定义密钥 ，一样寻常由后端提供
  【方法1】 - 使用 sm4util 依赖

• 下载 sm4util 依赖
  
  1. npm install sm4util

  复制代码
• sm4util 依赖使用阐明
  
  
  
  
• 使用 - ECB 模式加解密
  
  1. /**** 【1】导入依赖 ****/
  2. import { SM4Util } from 'sm4util'
  4. /**** 【2】使用（在改依赖中有使用说明） ****/
  5. // 1.使用默认密钥进行加密/解密
  6. var sm4 = new SM4Util()
  7. const miStr1 = sm4.encryptDefault_ECB('123') // sm4.encryptDefault_ECB(需要加密的字符串)
  8. console.log('miStr1----', miStr1)
  9. const jieStr1 = sm4.decryptDefault_ECB(miStr1) // sm4.decryptDefault_ECB(将字符串进行加密后生成的字符串)
  10. console.log('jieStr1----', jieStr1) // 123
  12. // 2.使用自定义密钥进行加密/解密（【注意】使用自定义密钥进行加密时，后端解密需要用相同的密钥进行解密 - 此处密钥可能不对）
  13. // var sm4 = new SM4Util()
  14. const miStr2 = sm4.encryptCustom_ECB('123', '93F3044B07393417A737E2CC389D01AF') // 加密  sm4.encryptCustom_ECB(需要加密的字符串, 密钥)
  15. console.log('miStr2----', miStr2)
  16. const jieStr2 = sm4.decryptCustom_ECB(miStr2, '93F3044B07393417A737E2CC389D01AF') // 解密  sm4.decryptCustom_ECB(将字符串进行加密后生成的字符串, 密钥)
  17. console.log('jieStr2----', jieStr2) // 123

  复制代码

后端代码参考：https://blog.csdn.net/qq_48922459/article/details/122130283
【方法2】sm4.js引入

   这种办法好像只能使用默认密钥 key，不能自定义 key 我使用的自定义 key 会报错 "key error" （也有大概是我的 密钥不对）
我使用自定义密钥 - 得改sm4.js 代码，详见 SM4Util 函数 定义处被表明的代码
  1. /public/sm4.js

1. /**
2. * base64js
3. * base64js.toByteArray(d.input)
4. * base64js.fromByteArray(c);
5. * 国密SM4加密算法
6. */
7. ;(function (r) {
8.   if (typeof exports === 'object' && typeof module !== 'undefined') {
9.     module.exports = r()
10.   } else {
11.     if (typeof define === 'function' && define.amd) {
12.       define([], r)
13.     } else {
14.       var e
15.       if (typeof window !== 'undefined') {
16.         e = window
17.       } else {
18.         if (typeof global !== 'undefined') {
19.           e = global
20.         } else {
21.           if (typeof self !== 'undefined') {
22.             e = self
23.           } else {
24.             e = this
25.           }
26.         }
27.       }
28.       e.base64js = r()
29.     }
30.   }
31. })(function () {
32.   var r, e, t
33.   return (function r(e, t, n) {
34.     function o(i, a) {
35.       if (!t[i]) {
36.         if (!e[i]) {
37.           var u = typeof require == 'function' && require
38.           if (!a && u) {
39.             return u(i, !0)
40.           }
41.           if (f) {
42.             return f(i, !0)
43.           }
44.           var d = new Error("Cannot find module '" + i + "'")
45.           throw ((d.code = 'MODULE_NOT_FOUND'), d)
46.         }
47.         var c = (t[i] = { exports: {} })
48.         e[i][0].call(
49.           c.exports,
50.           function (r) {
51.             var t = e[i][1][r]
52.             return o(t ? t : r)
53.           },
54.           c,
55.           c.exports,
56.           r,
57.           e,
58.           t,
59.           n
60.         )
61.       }
62.       return t[i].exports
63.     }
64.     var f = typeof require == 'function' && require
65.     for (var i = 0; i < n.length; i++) {
66.       o(n[i])
67.     }
68.     return o
69.   })(
70.     {
71.       '/': [
72.         function (r, e, t) {
73.           t.byteLength = c
74.           t.toByteArray = v
75.           t.fromByteArray = s
76.           var n = []
77.           var o = []
78.           var f = typeof Uint8Array !== 'undefined' ? Uint8Array : Array
79.           var i = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'
80.           for (var a = 0, u = i.length; a < u; ++a) {
81.             n[a] = i[a]
82.             o[i.charCodeAt(a)] = a
83.           }
84.           o['-'.charCodeAt(0)] = 62
85.           o['_'.charCodeAt(0)] = 63
86.           function d(r) {
87.             var e = r.length
88.             if (e % 4 > 0) {
89.               throw new Error('Invalid string. Length must be a multiple of 4')
90.             }
91.             return r[e - 2] === '=' ? 2 : r[e - 1] === '=' ? 1 : 0
92.           }
93.           function c(r) {
94.             return (r.length * 3) / 4 - d(r)
95.           }
96.           function v(r) {
97.             var e, t, n, i, a
98.             var u = r.length
99.             i = d(r)
100.             a = new f((u * 3) / 4 - i)
101.             t = i > 0 ? u - 4 : u
102.             var c = 0
103.             for (e = 0; e < t; e += 4) {
104.               n =
105.                 (o[r.charCodeAt(e)] << 18) |
106.                 (o[r.charCodeAt(e + 1)] << 12) |
107.                 (o[r.charCodeAt(e + 2)] << 6) |
108.                 o[r.charCodeAt(e + 3)]
109.               a[c++] = (n >> 16) & 255
110.               a[c++] = (n >> 8) & 255
111.               a[c++] = n & 255
112.             }
113.             if (i === 2) {
114.               n = (o[r.charCodeAt(e)] << 2) | (o[r.charCodeAt(e + 1)] >> 4)
115.               a[c++] = n & 255
116.             } else {
117.               if (i === 1) {
118.                 n = (o[r.charCodeAt(e)] << 10) | (o[r.charCodeAt(e + 1)] << 4) | (o[r.charCodeAt(e + 2)] >> 2)
119.                 a[c++] = (n >> 8) & 255
120.                 a[c++] = n & 255
121.               }
122.             }
123.             return a
124.           }
125.           function l(r) {
126.             return n[(r >> 18) & 63] + n[(r >> 12) & 63] + n[(r >> 6) & 63] + n[r & 63]
127.           }
128.           function h(r, e, t) {
129.             var n
130.             var o = []
131.             for (var f = e; f < t; f += 3) {
132.               n = (r[f] << 16) + (r[f + 1] << 8) + r[f + 2]
133.               o.push(l(n))
134.             }
135.             return o.join('')
136.           }
137.           function s(r) {
138.             var e
139.             var t = r.length
140.             var o = t % 3
141.             var f = ''
142.             var i = []
143.             var a = 16383
144.             for (var u = 0, d = t - o; u < d; u += a) {
145.               i.push(h(r, u, u + a > d ? d : u + a))
146.             }
147.             if (o === 1) {
148.               e = r[t - 1]
149.               f += n[e >> 2]
150.               f += n[(e << 4) & 63]
151.               f += '=='
152.             } else {
153.               if (o === 2) {
154.                 e = (r[t - 2] << 8) + r[t - 1]
155.                 f += n[e >> 10]
156.                 f += n[(e >> 4) & 63]
157.                 f += n[(e << 2) & 63]
158.                 f += '='
159.               }
160.             }
161.             i.push(f)
162.             return i.join('')
163.           }
164.         },
165.         {}
166.       ]
167.     },
168.     {},
169.     []
170.   )('/')
171. })
173. /**
174. * 国密SM4加密算法
175. * @author wzk
176. * @email 1216113487@qq.com
177. * @company 中科软
178. */
179. function SM4_Context() {
180.   this.mode = 1
181.   this.isPadding = true
182.   this.sk = new Array(32)
183. }
185. function SM4() {
186.   this.SM4_ENCRYPT = 1
187.   this.SM4_DECRYPT = 0
189.   var SboxTable = [
190.     0xd6, 0x90, 0xe9, 0xfe, 0xcc, 0xe1, 0x3d, 0xb7, 0x16, 0xb6, 0x14, 0xc2, 0x28, 0xfb, 0x2c, 0x05, 0x2b, 0x67, 0x9a,
191.     0x76, 0x2a, 0xbe, 0x04, 0xc3, 0xaa, 0x44, 0x13, 0x26, 0x49, 0x86, 0x06, 0x99, 0x9c, 0x42, 0x50, 0xf4, 0x91, 0xef,
192.     0x98, 0x7a, 0x33, 0x54, 0x0b, 0x43, 0xed, 0xcf, 0xac, 0x62, 0xe4, 0xb3, 0x1c, 0xa9, 0xc9, 0x08, 0xe8, 0x95, 0x80,
193.     0xdf, 0x94, 0xfa, 0x75, 0x8f, 0x3f, 0xa6, 0x47, 0x07, 0xa7, 0xfc, 0xf3, 0x73, 0x17, 0xba, 0x83, 0x59, 0x3c, 0x19,
194.     0xe6, 0x85, 0x4f, 0xa8, 0x68, 0x6b, 0x81, 0xb2, 0x71, 0x64, 0xda, 0x8b, 0xf8, 0xeb, 0x0f, 0x4b, 0x70, 0x56, 0x9d,
195.     0x35, 0x1e, 0x24, 0x0e, 0x5e, 0x63, 0x58, 0xd1, 0xa2, 0x25, 0x22, 0x7c, 0x3b, 0x01, 0x21, 0x78, 0x87, 0xd4, 0x00,
196.     0x46, 0x57, 0x9f, 0xd3, 0x27, 0x52, 0x4c, 0x36, 0x02, 0xe7, 0xa0, 0xc4, 0xc8, 0x9e, 0xea, 0xbf, 0x8a, 0xd2, 0x40,
197.     0xc7, 0x38, 0xb5, 0xa3, 0xf7, 0xf2, 0xce, 0xf9, 0x61, 0x15, 0xa1, 0xe0, 0xae, 0x5d, 0xa4, 0x9b, 0x34, 0x1a, 0x55,
198.     0xad, 0x93, 0x32, 0x30, 0xf5, 0x8c, 0xb1, 0xe3, 0x1d, 0xf6, 0xe2, 0x2e, 0x82, 0x66, 0xca, 0x60, 0xc0, 0x29, 0x23,
199.     0xab, 0x0d, 0x53, 0x4e, 0x6f, 0xd5, 0xdb, 0x37, 0x45, 0xde, 0xfd, 0x8e, 0x2f, 0x03, 0xff, 0x6a, 0x72, 0x6d, 0x6c,
200.     0x5b, 0x51, 0x8d, 0x1b, 0xaf, 0x92, 0xbb, 0xdd, 0xbc, 0x7f, 0x11, 0xd9, 0x5c, 0x41, 0x1f, 0x10, 0x5a, 0xd8, 0x0a,
201.     0xc1, 0x31, 0x88, 0xa5, 0xcd, 0x7b, 0xbd, 0x2d, 0x74, 0xd0, 0x12, 0xb8, 0xe5, 0xb4, 0xb0, 0x89, 0x69, 0x97, 0x4a,
202.     0x0c, 0x96, 0x77, 0x7e, 0x65, 0xb9, 0xf1, 0x09, 0xc5, 0x6e, 0xc6, 0x84, 0x18, 0xf0, 0x7d, 0xec, 0x3a, 0xdc, 0x4d,
203.     0x20, 0x79, 0xee, 0x5f, 0x3e, 0xd7, 0xcb, 0x39, 0x48
204.   ]
206.   var FK = [0xa3b1bac6, 0x56aa3350, 0x677d9197, 0xb27022dc]
208.   var CK = [
209.     0x00070e15, 0x1c232a31, 0x383f464d, 0x545b6269, 0x70777e85, 0x8c939aa1, 0xa8afb6bd, 0xc4cbd2d9, 0xe0e7eef5,
210.     0xfc030a11, 0x181f262d, 0x343b4249, 0x50575e65, 0x6c737a81, 0x888f969d, 0xa4abb2b9, 0xc0c7ced5, 0xdce3eaf1,
211.     0xf8ff060d, 0x141b2229, 0x30373e45, 0x4c535a61, 0x686f767d, 0x848b9299, 0xa0a7aeb5, 0xbcc3cad1, 0xd8dfe6ed,
212.     0xf4fb0209, 0x10171e25, 0x2c333a41, 0x484f565d, 0x646b7279
213.   ]
215.   this.GET_ULONG_BE = function (b, i) {
216.     return ((b[i] & 0xff) << 24) | ((b[i + 1] & 0xff) << 16) | ((b[i + 2] & 0xff) << 8) | (b[i + 3] & 0xff & 0xffffffff)
217.   }
219.   this.PUT_ULONG_BE = function (n, b, i) {
220.     var t1 = 0xff & (n >> 24)
221.     var t2 = 0xff & (n >> 16)
222.     var t3 = 0xff & (n >> 8)
223.     var t4 = 0xff & n
224.     b[i] = t1 > 128 ? t1 - 256 : t1
225.     b[i + 1] = t2 > 128 ? t2 - 256 : t2
226.     b[i + 2] = t3 > 128 ? t3 - 256 : t3
227.     b[i + 3] = t4 > 128 ? t4 - 256 : t4
228.   }
230.   this.SHL = function (x, n) {
231.     return (x & 0xffffffff) << n
232.   }
234.   this.ROTL = function (x, n) {
235.     var s = this.SHL(x, n)
236.     var ss = x >> (32 - n)
237.     return this.SHL(x, n) | (x >> (32 - n))
238.   }
240.   this.sm4Lt = function (ka) {
241.     var bb = 0
242.     var c = 0
243.     var a = new Array(4)
244.     var b = new Array(4)
245.     this.PUT_ULONG_BE(ka, a, 0)
246.     b[0] = this.sm4Sbox(a[0])
247.     b[1] = this.sm4Sbox(a[1])
248.     b[2] = this.sm4Sbox(a[2])
249.     b[3] = this.sm4Sbox(a[3])
250.     bb = this.GET_ULONG_BE(b, 0)
251.     c = bb ^ this.ROTL(bb, 2) ^ this.ROTL(bb, 10) ^ this.ROTL(bb, 18) ^ this.ROTL(bb, 24)
252.     return c
253.   }
255.   this.sm4F = function (x0, x1, x2, x3, rk) {
256.     return x0 ^ this.sm4Lt(x1 ^ x2 ^ x3 ^ rk)
257.   }
259.   this.sm4CalciRK = function (ka) {
260.     var bb = 0
261.     var rk = 0
262.     var a = new Array(4)
263.     var b = new Array(4)
264.     this.PUT_ULONG_BE(ka, a, 0)
265.     b[0] = this.sm4Sbox(a[0])
266.     b[1] = this.sm4Sbox(a[1])
267.     b[2] = this.sm4Sbox(a[2])
268.     b[3] = this.sm4Sbox(a[3])
269.     bb = this.GET_ULONG_BE(b, 0)
270.     rk = bb ^ this.ROTL(bb, 13) ^ this.ROTL(bb, 23)
271.     return rk
272.   }
274.   this.sm4Sbox = function (inch) {
275.     var i = inch & 0xff
276.     var retVal = SboxTable[i]
277.     return retVal > 128 ? retVal - 256 : retVal
278.   }
280.   this.sm4_setkey_enc = function (ctx, key) {
281.     if (ctx == null) {
282.       alert('ctx is null!')
283.       return false
284.     }
285.     console.log('key----', key)
286.     if (key == null || key.length != 16) {
287.       alert('key error!')
288.       return false
289.     }
290.     ctx.mode = this.SM4_ENCRYPT
291.     this.sm4_setkey(ctx.sk, key)
292.   }
294.   this.sm4_setkey = function (SK, key) {
295.     var MK = new Array(4)
296.     var k = new Array(36)
297.     var i = 0
298.     MK[0] = this.GET_ULONG_BE(key, 0)
299.     MK[1] = this.GET_ULONG_BE(key, 4)
300.     MK[2] = this.GET_ULONG_BE(key, 8)
301.     MK[3] = this.GET_ULONG_BE(key, 12)
302.     k[0] = MK[0] ^ FK[0]
303.     k[1] = MK[1] ^ FK[1]
304.     k[2] = MK[2] ^ FK[2]
305.     k[3] = MK[3] ^ FK[3]
306.     for (var i = 0; i < 32; i++) {
307.       k[i + 4] = k[i] ^ this.sm4CalciRK(k[i + 1] ^ k[i + 2] ^ k[i + 3] ^ CK[i])
308.       SK[i] = k[i + 4]
309.     }
310.   }
311.   this.padding = function (input, mode) {
312.     if (input == null) {
313.       return null
314.     }
315.     var ret = null
316.     if (mode == this.SM4_ENCRYPT) {
317.       var p = parseInt(16 - (input.length % 16))
318.       ret = input.slice(0)
319.       for (var i = 0; i < p; i++) {
320.         ret[input.length + i] = p
321.       }
322.     } else {
323.       var p = input[input.length - 1]
324.       ret = input.slice(0, input.length - p)
325.     }
326.     return ret
327.   }
328.   this.sm4_one_round = function (sk, input, output) {
329.     var i = 0
330.     var ulbuf = new Array(36)
331.     ulbuf[0] = this.GET_ULONG_BE(input, 0)
332.     ulbuf[1] = this.GET_ULONG_BE(input, 4)
333.     ulbuf[2] = this.GET_ULONG_BE(input, 8)
334.     ulbuf[3] = this.GET_ULONG_BE(input, 12)
335.     while (i < 32) {
336.       ulbuf[i + 4] = this.sm4F(ulbuf[i], ulbuf[i + 1], ulbuf[i + 2], ulbuf[i + 3], sk[i])
337.       i++
338.     }
339.     this.PUT_ULONG_BE(ulbuf[35], output, 0)
340.     this.PUT_ULONG_BE(ulbuf[34], output, 4)
341.     this.PUT_ULONG_BE(ulbuf[33], output, 8)
342.     this.PUT_ULONG_BE(ulbuf[32], output, 12)
343.   }
345.   this.sm4_crypt_ecb = function (ctx, input) {
346.     if (input == null) {
347.       alert('input is null!')
348.     }
349.     if (ctx.isPadding && ctx.mode == this.SM4_ENCRYPT) {
350.       input = this.padding(input, this.SM4_ENCRYPT)
351.     }
353.     var i = 0
354.     var length = input.length
355.     var bous = new Array()
356.     for (; length > 0; length -= 16) {
357.       var out = new Array(16)
358.       var ins = input.slice(i * 16, 16 * (i + 1))
359.       this.sm4_one_round(ctx.sk, ins, out)
360.       bous = bous.concat(out)
361.       i++
362.     }
364.     var output = bous
365.     if (ctx.isPadding && ctx.mode == this.SM4_DECRYPT) {
366.       output = this.padding(output, this.SM4_DECRYPT)
367.     }
368.     for (var i = 0; i < output.length; i++) {
369.       if (output[i] < 0) {
370.         output[i] = output[i] + 256
371.       }
372.     }
373.     return output
374.   }
376.   this.sm4_crypt_cbc = function (ctx, iv, input) {
377.     if (iv == null || iv.length != 16) {
378.       alert('iv error!')
379.     }
381.     if (input == null) {
382.       alert('input is null!')
383.     }
385.     if (ctx.isPadding && ctx.mode == this.SM4_ENCRYPT) {
386.       input = this.padding(input, this.SM4_ENCRYPT)
387.     }
389.     var i = 0
390.     var length = input.length
391.     var bous = new Array()
392.     if (ctx.mode == this.SM4_ENCRYPT) {
393.       var k = 0
394.       for (; length > 0; length -= 16) {
395.         var out = new Array(16)
396.         var out1 = new Array(16)
397.         var ins = input.slice(k * 16, 16 * (k + 1))
399.         for (i = 0; i < 16; i++) {
400.           out[i] = ins[i] ^ iv[i]
401.         }
402.         this.sm4_one_round(ctx.sk, out, out1)
403.         iv = out1.slice(0, 16)
404.         bous = bous.concat(out1)
405.         k++
406.       }
407.     } else {
408.       var temp = []
409.       var k = 0
410.       for (; length > 0; length -= 16) {
411.         var out = new Array(16)
412.         var out1 = new Array(16)
413.         var ins = input.slice(k * 16, 16 * (k + 1))
414.         temp = ins.slice(0, 16)
415.         sm4_one_round(ctx.sk, ins, out)
416.         for (i = 0; i < 16; i++) {
417.           out1[i] = out[i] ^ iv[i]
418.         }
419.         iv = temp.slice(0, 16)
420.         bous = bous.concat(out1)
421.         k++
422.       }
423.     }
425.     var output = bous
426.     if (ctx.isPadding && ctx.mode == this.SM4_DECRYPT) {
427.       output = this.padding(output, this.SM4_DECRYPT)
428.     }
430.     for (var i = 0; i < output.length; i++) {
431.       if (output[i] < 0) {
432.         output[i] = output[i] + 256
433.       }
434.     }
435.     return output
436.   }
437. }
439. // function SM4Util(key = '1111111111111111') {
440. function SM4Util() {
441.   console.log('SM4Util key----', key)
442.   // 和后端key一致（key为密钥）
443.   // this.secretKey = key
444.   this.secretKey = '1111111111111111'
445.   // 当时用CBC模式的时候
446.   this.iv = '1111111111111111'
447.   this.hexString = false
449.   // ECB模式加密
450.   this.encryptData_ECB = function (plainText) {
451.     try {
452.       var sm4 = new SM4()
453.       var ctx = new SM4_Context()
454.       ctx.isPadding = true
455.       ctx.mode = sm4.SM4_ENCRYPT
456.       var keyBytes = stringToByte(this.secretKey)
457.       sm4.sm4_setkey_enc(ctx, keyBytes)
458.       var encrypted = sm4.sm4_crypt_ecb(ctx, stringToByte(plainText))
459.       var cipherText = base64js.fromByteArray(encrypted)
460.       if (cipherText != null && cipherText.trim().length > 0) {
461.         cipherText.replace(/(\s*|\t|\r|\n)/g, '')
462.       }
463.       return cipherText
464.     } catch (e) {
465.       console.error(e)
466.       return null
467.     }
468.   }
469.   // CBC模式加密
470.   this.encryptData_CBC = function (plainText) {
471.     try {
472.       var sm4 = new SM4()
473.       var ctx = new SM4_Context()
474.       ctx.isPadding = true
475.       ctx.mode = sm4.SM4_ENCRYPT
477.       var keyBytes = stringToByte(this.secretKey)
478.       var ivBytes = stringToByte(this.iv)
480.       sm4.sm4_setkey_enc(ctx, keyBytes)
481.       var encrypted = sm4.sm4_crypt_cbc(ctx, ivBytes, stringToByte(plainText))
482.       var cipherText = base64js.fromByteArray(encrypted)
483.       if (cipherText != null && cipherText.trim().length > 0) {
484.         cipherText.replace(/(\s*|\t|\r|\n)/g, '')
485.       }
486.       return cipherText
487.     } catch (e) {
488.       console.error(e)
489.       return null
490.     }
491.   }
493.   stringToByte = function (str) {
494.     var bytes = new Array()
495.     var len, c
496.     len = str.length
497.     for (var i = 0; i < len; i++) {
498.       c = str.charCodeAt(i)
499.       if (c >= 0x010000 && c <= 0x10ffff) {
500.         bytes.push(((c >> 18) & 0x07) | 0xf0)
501.         bytes.push(((c >> 12) & 0x3f) | 0x80)
502.         bytes.push(((c >> 6) & 0x3f) | 0x80)
503.         bytes.push((c & 0x3f) | 0x80)
504.       } else if (c >= 0x000800 && c <= 0x00ffff) {
505.         bytes.push(((c >> 12) & 0x0f) | 0xe0)
506.         bytes.push(((c >> 6) & 0x3f) | 0x80)
507.         bytes.push((c & 0x3f) | 0x80)
508.       } else if (c >= 0x000080 && c <= 0x0007ff) {
509.         bytes.push(((c >> 6) & 0x1f) | 0xc0)
510.         bytes.push((c & 0x3f) | 0x80)
511.       } else {
512.         bytes.push(c & 0xff)
513.       }
514.     }
515.     console.log('bytes----', bytes)
516.     return bytes
517.   }
519.   byteToString = function (arr) {
520.     if (typeof arr === 'string') {
521.       return arr
522.     }
523.     var str = '',
524.       _arr = arr
525.     for (var i = 0; i < _arr.length; i++) {
526.       var one = _arr[i].toString(2),
527.         v = one.match(/^1+?(?=0)/)
528.       if (v && one.length == 8) {
529.         var bytesLength = v[0].length
530.         var store = _arr[i].toString(2).slice(7 - bytesLength)
531.         for (var st = 1; st < bytesLength; st++) {
532.           store += _arr[st + i].toString(2).slice(2)
533.         }
534.         str += String.fromCharCode(parseInt(store, 2))
535.         i += bytesLength - 1
536.       } else {
537.         str += String.fromCharCode(_arr[i])
538.       }
539.     }
540.     return str
541.   }
542. }

复制代码

2. body 标签上引入该文件

1. <script src="/sm4.js"></script>
2. <body></body>

复制代码

3. 使用 - ECB 模式加密

1. // 加密 - 使用默认秘钥 1111111111111111
2. var sm4 = new SM4Util();
3. sm4.encryptData_ECB('123');  
4. // 加密 - 使用自定义秘钥 93F3044B07393417A737E2CC389D01AF （需将 sm4.js 文件中SM4Util 函数处注释的代码打开）
5. var sm4 = new SM4Util('93F3044B07393417A737E2CC389D01AF');
6. sm4.encryptData_ECB('123');  // 后端解密的好像对不上，

复制代码

该加密办法参考博客 https://blog.csdn.net/wzk_blog/article/details/122668114
【方法3】

1. 当地写 js 文件

@/utils/SM4Util/index.js

1. let base64js = require('./base64js')
2. let Hex = require('./hex')
3. let SM4 = require('./sm4')
5. function SM4Util() {}
7. /**
8. * sm4 ecb 加密
9. * @param utf8Str
10. * @param utf8Key
11. */
12. SM4Util.sm4ECBEncrypt = function (utf8Str, utf8Key) {
13.   if (!utf8Key) {
14.     utf8Key = 'zzfh!@#$QazxWsxc'
15.   }
16.   let sm4 = new SM4()
17.   let keyBytes = Hex.utf8StrToBytes(utf8Key)
18.   let contentBytes = Hex.utf8StrToBytes(utf8Str)
19.   let cipher = sm4.encrypt_ecb(keyBytes, contentBytes)
20.   return base64js.fromByteArray(cipher)
21. }
23. /**
24. * sm4 ecb 解密
25. * @param utf8Str
26. * @param utf8Key
27. */
28. SM4Util.sm4ECBDecrypt = function (base64Str, utf8Key) {
29.   if (!utf8Key) {
30.     utf8Key = 'zzfh!@#$QazxWsxc'
31.   }
32.   let sm4 = new SM4()
33.   let keyBytes = Hex.utf8StrToBytes(utf8Key)
34.   let contentBytes = base64js.toByteArray(base64Str)
35.   let plain = sm4.decrypt_ecb(keyBytes, contentBytes)
36.   return Hex.bytesToUtf8Str(plain)
37. }
39. /**
40. * sm4 cbc 加密
41. * @param utf8Str
42. * @param utf8Key
43. * @param utf8Iv
44. */
45. SM4Util.sm4CBCEncrypt = function (utf8Str, utf8Key, utf8Iv) {
46.   if (!utf8Key) {
47.     utf8Key = 'cmbtest1cmbtest1'
48.   }
49.   if (!utf8Iv) {
50.     utf8Iv = 'cmbtest1cmbtest1'
51.   }
52.   let sm4 = new SM4()
53.   let keyBytes = Hex.utf8StrToBytes(utf8Key)
54.   let ivBytes = Hex.utf8StrToBytes(utf8Iv)
55.   let contentBytes = Hex.utf8StrToBytes(utf8Str)
56.   let cipher = sm4.encrypt_cbc(keyBytes, ivBytes, contentBytes)
57.   return base64js.fromByteArray(cipher)
58. }
60. /**
61. * sm4 cbc 解密
62. * @param utf8Str
63. * @param utf8Key
64. * @param utf8Iv
65. */
66. SM4Util.sm4CBCDecrypt = function (base64Str, utf8Key, utf8Iv) {
67.   if (!utf8Key) {
68.     utf8Key = 'cmbtest1cmbtest1'
69.   }
70.   if (!utf8Iv) {
71.     utf8Iv = 'cmbtest1cmbtest1'
72.   }
73.   let sm4 = new SM4()
74.   let keyBytes = Hex.utf8StrToBytes(utf8Key)
75.   let ivBytes = Hex.utf8StrToBytes(utf8Iv)
76.   let contentBytes = base64js.toByteArray(base64Str)
77.   let plain = sm4.decrypt_cbc(keyBytes, ivBytes, contentBytes)
78.   return Hex.bytesToUtf8Str(plain)
79. }
81. module.exports = SM4Util

复制代码

@/utils/SM4Util/base64js.js

1. /**
2. * base64js
3. * base64js.toByteArray(utf8Str)
4. * base64js.fromByteArray(bytes);
5. */
6. ;(function (r) {
7.   if (typeof exports === 'object' && typeof module !== 'undefined') {
8.     module.exports = r()
9.   } else {
10.     if (typeof define === 'function' && define.amd) {
11.       define([], r)
12.     } else {
13.       var e
14.       if (typeof window !== 'undefined') {
15.         e = window
16.       } else {
17.         if (typeof global !== 'undefined') {
18.           e = global
19.         } else {
20.           if (typeof self !== 'undefined') {
21.             e = self
22.           } else {
23.             e = this
24.           }
25.         }
26.       }
27.       e.base64js = r()
28.     }
29.   }
30. })(function () {
31.   var r, e, t
32.   return (function r(e, t, n) {
33.     function o(i, a) {
34.       if (!t[i]) {
35.         if (!e[i]) {
36.           var u = typeof require == 'function' && require
37.           if (!a && u) {
38.             return u(i, !0)
39.           }
40.           if (f) {
41.             return f(i, !0)
42.           }
43.           var d = new Error("Cannot find module '" + i + "'")
44.           throw ((d.code = 'MODULE_NOT_FOUND'), d)
45.         }
46.         var c = (t[i] = {
47.           exports: {}
48.         })
49.         e[i][0].call(
50.           c.exports,
51.           function (r) {
52.             var t = e[i][1][r]
53.             return o(t ? t : r)
54.           },
55.           c,
56.           c.exports,
57.           r,
58.           e,
59.           t,
60.           n
61.         )
62.       }
63.       return t[i].exports
64.     }
65.     var f = typeof require == 'function' && require
66.     for (var i = 0; i < n.length; i++) {
67.       o(n[i])
68.     }
69.     return o
70.   })(
71.     {
72.       '/': [
73.         function (r, e, t) {
74.           t.byteLength = c
75.           t.toByteArray = v
76.           t.fromByteArray = s
77.           var n = []
78.           var o = []
79.           var f = typeof Uint8Array !== 'undefined' ? Uint8Array : Array
80.           var i = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'
81.           for (var a = 0, u = i.length; a < u; ++a) {
82.             n[a] = i[a]
83.             o[i.charCodeAt(a)] = a
84.           }
85.           o['-'.charCodeAt(0)] = 62
86.           o['_'.charCodeAt(0)] = 63
88.           function d(r) {
89.             var e = r.length
90.             if (e % 4 > 0) {
91.               throw new Error('Invalid string. Length must be a multiple of 4')
92.             }
93.             return r[e - 2] === '=' ? 2 : r[e - 1] === '=' ? 1 : 0
94.           }
96.           function c(r) {
97.             return (r.length * 3) / 4 - d(r)
98.           }
100.           function v(r) {
101.             var e, t, n, i, a
102.             var u = r.length
103.             i = d(r)
104.             a = new f((u * 3) / 4 - i)
105.             t = i > 0 ? u - 4 : u
106.             var c = 0
107.             for (e = 0; e < t; e += 4) {
108.               n =
109.                 (o[r.charCodeAt(e)] << 18) |
110.                 (o[r.charCodeAt(e + 1)] << 12) |
111.                 (o[r.charCodeAt(e + 2)] << 6) |
112.                 o[r.charCodeAt(e + 3)]
113.               a[c++] = (n >> 16) & 255
114.               a[c++] = (n >> 8) & 255
115.               a[c++] = n & 255
116.             }
117.             if (i === 2) {
118.               n = (o[r.charCodeAt(e)] << 2) | (o[r.charCodeAt(e + 1)] >> 4)
119.               a[c++] = n & 255
120.             } else {
121.               if (i === 1) {
122.                 n = (o[r.charCodeAt(e)] << 10) | (o[r.charCodeAt(e + 1)] << 4) | (o[r.charCodeAt(e + 2)] >> 2)
123.                 a[c++] = (n >> 8) & 255
124.                 a[c++] = n & 255
125.               }
126.             }
127.             return a
128.           }
130.           function l(r) {
131.             return n[(r >> 18) & 63] + n[(r >> 12) & 63] + n[(r >> 6) & 63] + n[r & 63]
132.           }
134.           function h(r, e, t) {
135.             var n
136.             var o = []
137.             for (var f = e; f < t; f += 3) {
138.               n = (r[f] << 16) + (r[f + 1] << 8) + r[f + 2]
139.               o.push(l(n))
140.             }
141.             return o.join('')
142.           }
144.           function s(r) {
145.             var e
146.             var t = r.length
147.             var o = t % 3
148.             var f = ''
149.             var i = []
150.             var a = 16383
151.             for (var u = 0, d = t - o; u < d; u += a) {
152.               i.push(h(r, u, u + a > d ? d : u + a))
153.             }
154.             if (o === 1) {
155.               e = r[t - 1]
156.               f += n[e >> 2]
157.               f += n[(e << 4) & 63]
158.               f += '=='
159.             } else {
160.               if (o === 2) {
161.                 e = (r[t - 2] << 8) + r[t - 1]
162.                 f += n[e >> 10]
163.                 f += n[(e >> 4) & 63]
164.                 f += n[(e << 2) & 63]
165.                 f += '='
166.               }
167.             }
168.             i.push(f)
169.             return i.join('')
170.           }
171.         },
172.         {}
173.       ]
174.     },
175.     {},
176.     []
177.   )('/')
178. })

复制代码

@/utils/SM4Util/hex.js

1. function Hex() {}
3. /**
4. * 数组转为16进制字符串
5. * @param b  数组
6. * @param pos  指定位置
7. * @param len  长度
8. * @returns {string}
9. */
10. Hex.encode = function (b, pos, len) {
11.   var hexCh = new Array(len * 2)
12.   var hexCode = new Array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F')
14.   for (var i = pos, j = 0; i < len + pos; i++, j++) {
15.     hexCh[j] = hexCode[(b[i] & 0xff) >> 4]
16.     hexCh[++j] = hexCode[b[i] & 0x0f]
17.   }
19.   return hexCh.join('')
20. }
21. /**
22. * 16进制字符串转为字节数组
23. * @param hex
24. * @returns {any[]|null}
25. */
26. Hex.decode = function (hex) {
27.   if (hex == null || hex == '') {
28.     return null
29.   }
30.   if (hex.length % 2 != 0) {
31.     return null
32.   }
34.   var ascLen = hex.length / 2
35.   var hexCh = this.toCharCodeArray(hex)
36.   var asc = new Array(ascLen)
38.   for (var i = 0; i < ascLen; i++) {
39.     if (hexCh[2 * i] >= 0x30 && hexCh[2 * i] <= 0x39) {
40.       asc[i] = (hexCh[2 * i] - 0x30) << 4
41.     } else if (hexCh[2 * i] >= 0x41 && hexCh[2 * i] <= 0x46) {
42.       //A-F : 0x41-0x46
43.       asc[i] = (hexCh[2 * i] - 0x41 + 10) << 4
44.     } else if (hexCh[2 * i] >= 0x61 && hexCh[2 * i] <= 0x66) {
45.       //a-f  : 0x61-0x66
46.       asc[i] = (hexCh[2 * i] - 0x61 + 10) << 4
47.     } else {
48.       return null
49.     }
51.     if (hexCh[2 * i + 1] >= 0x30 && hexCh[2 * i + 1] <= 0x39) {
52.       asc[i] = asc[i] | (hexCh[2 * i + 1] - 0x30)
53.     } else if (hexCh[2 * i + 1] >= 0x41 && hexCh[2 * i + 1] <= 0x46) {
54.       asc[i] = asc[i] | (hexCh[2 * i + 1] - 0x41 + 10)
55.     } else if (hexCh[2 * i + 1] >= 0x61 && hexCh[2 * i + 1] <= 0x66) {
56.       asc[i] = asc[i] | (hexCh[2 * i + 1] - 0x61 + 10)
57.     } else {
58.       return null
59.     }
60.   }
61.   return asc
62. }
64. /**
65. * utf8字符串转为字节数组
66. * @param utf8Str
67. * @returns {[]}
68. */
69. Hex.utf8StrToBytes = function (utf8Str) {
70.   var ens = encodeURIComponent(utf8Str)
71.   var es = unescape(ens)
72.   var esLen = es.length
73.   // Convert
74.   var words = []
75.   for (var i = 0; i < esLen; i++) {
76.     words[i] = es.charCodeAt(i)
77.   }
78.   return words
79. }
80. /**
81. * 字节数组转为utf8字符串
82. * @param bytesArray
83. * @returns {string}
84. */
85. Hex.bytesToUtf8Str = function (bytesArray) {
86.   var utf8Byte = bytesArray
87.   var latin1Chars = []
88.   for (var i = 0; i < utf8Byte.length; i++) {
89.     latin1Chars.push(String.fromCharCode(utf8Byte[i]))
90.   }
91.   return decodeURIComponent(escape(latin1Chars.join('')))
92. }
94. /**
95. * 16进制字符串转为utf8字符串
96. * @param utf8Str
97. * @returns {string}
98. */
99. Hex.hexToUtf8Str = function (utf8Str) {
100.   var utf8Byte = Hex.decode(utf8Str)
101.   var latin1Chars = []
102.   for (var i = 0; i < utf8Byte.length; i++) {
103.     latin1Chars.push(String.fromCharCode(utf8Byte[i]))
104.   }
105.   return decodeURIComponent(escape(latin1Chars.join('')))
106. }
108. /**
109. * utf8字符串转为16进制字符串
110. * @param utf8Str
111. * @returns {string}
112. */
113. Hex.utf8StrToHex = function (utf8Str) {
114.   var ens = encodeURIComponent(utf8Str)
115.   var es = unescape(ens)
116.   var esLen = es.length
118.   // Convert
119.   var words = []
120.   for (var i = 0; i < esLen; i++) {
121.     words[i] = es.charCodeAt(i).toString(16)
122.   }
123.   return words.join('')
124. }
126. /**
127. * 字符串中每个字符转为数组中每个元素，数字，字母同Hex.utf8StrToBytes()方法
128. * @param chs
129. * @returns {any[]}
130. */
131. Hex.toCharCodeArray = function (chs) {
132.   var chArr = new Array(chs.length)
133.   for (var i = 0; i < chs.length; i++) {
134.     chArr[i] = chs.charCodeAt(i)
135.   }
136.   return chArr
137. }
139. module.exports = Hex

复制代码

@/utils/SM4Util/sm4.js

1. /*
2. * sm4-1.0.js
3. *
4. * Copyright (c) 2019 RuXing Liang
5. */
6. /**
7. * @name sm4-1.0.js
8. * @author RuXing Liang
9. * @version 1.0.0 (2019-04-19)
10. */
11. function SM4() {
12.   this.sbox = new Array(
13.     0xd6,
14.     0x90,
15.     0xe9,
16.     0xfe,
17.     0xcc,
18.     0xe1,
19.     0x3d,
20.     0xb7,
21.     0x16,
22.     0xb6,
23.     0x14,
24.     0xc2,
25.     0x28,
26.     0xfb,
27.     0x2c,
28.     0x05,
29.     0x2b,
30.     0x67,
31.     0x9a,
32.     0x76,
33.     0x2a,
34.     0xbe,
35.     0x04,
36.     0xc3,
37.     0xaa,
38.     0x44,
39.     0x13,
40.     0x26,
41.     0x49,
42.     0x86,
43.     0x06,
44.     0x99,
45.     0x9c,
46.     0x42,
47.     0x50,
48.     0xf4,
49.     0x91,
50.     0xef,
51.     0x98,
52.     0x7a,
53.     0x33,
54.     0x54,
55.     0x0b,
56.     0x43,
57.     0xed,
58.     0xcf,
59.     0xac,
60.     0x62,
61.     0xe4,
62.     0xb3,
63.     0x1c,
64.     0xa9,
65.     0xc9,
66.     0x08,
67.     0xe8,
68.     0x95,
69.     0x80,
70.     0xdf,
71.     0x94,
72.     0xfa,
73.     0x75,
74.     0x8f,
75.     0x3f,
76.     0xa6,
77.     0x47,
78.     0x07,
79.     0xa7,
80.     0xfc,
81.     0xf3,
82.     0x73,
83.     0x17,
84.     0xba,
85.     0x83,
86.     0x59,
87.     0x3c,
88.     0x19,
89.     0xe6,
90.     0x85,
91.     0x4f,
92.     0xa8,
93.     0x68,
94.     0x6b,
95.     0x81,
96.     0xb2,
97.     0x71,
98.     0x64,
99.     0xda,
100.     0x8b,
101.     0xf8,
102.     0xeb,
103.     0x0f,
104.     0x4b,
105.     0x70,
106.     0x56,
107.     0x9d,
108.     0x35,
109.     0x1e,
110.     0x24,
111.     0x0e,
112.     0x5e,
113.     0x63,
114.     0x58,
115.     0xd1,
116.     0xa2,
117.     0x25,
118.     0x22,
119.     0x7c,
120.     0x3b,
121.     0x01,
122.     0x21,
123.     0x78,
124.     0x87,
125.     0xd4,
126.     0x00,
127.     0x46,
128.     0x57,
129.     0x9f,
130.     0xd3,
131.     0x27,
132.     0x52,
133.     0x4c,
134.     0x36,
135.     0x02,
136.     0xe7,
137.     0xa0,
138.     0xc4,
139.     0xc8,
140.     0x9e,
141.     0xea,
142.     0xbf,
143.     0x8a,
144.     0xd2,
145.     0x40,
146.     0xc7,
147.     0x38,
148.     0xb5,
149.     0xa3,
150.     0xf7,
151.     0xf2,
152.     0xce,
153.     0xf9,
154.     0x61,
155.     0x15,
156.     0xa1,
157.     0xe0,
158.     0xae,
159.     0x5d,
160.     0xa4,
161.     0x9b,
162.     0x34,
163.     0x1a,
164.     0x55,
165.     0xad,
166.     0x93,
167.     0x32,
168.     0x30,
169.     0xf5,
170.     0x8c,
171.     0xb1,
172.     0xe3,
173.     0x1d,
174.     0xf6,
175.     0xe2,
176.     0x2e,
177.     0x82,
178.     0x66,
179.     0xca,
180.     0x60,
181.     0xc0,
182.     0x29,
183.     0x23,
184.     0xab,
185.     0x0d,
186.     0x53,
187.     0x4e,
188.     0x6f,
189.     0xd5,
190.     0xdb,
191.     0x37,
192.     0x45,
193.     0xde,
194.     0xfd,
195.     0x8e,
196.     0x2f,
197.     0x03,
198.     0xff,
199.     0x6a,
200.     0x72,
201.     0x6d,
202.     0x6c,
203.     0x5b,
204.     0x51,
205.     0x8d,
206.     0x1b,
207.     0xaf,
208.     0x92,
209.     0xbb,
210.     0xdd,
211.     0xbc,
212.     0x7f,
213.     0x11,
214.     0xd9,
215.     0x5c,
216.     0x41,
217.     0x1f,
218.     0x10,
219.     0x5a,
220.     0xd8,
221.     0x0a,
222.     0xc1,
223.     0x31,
224.     0x88,
225.     0xa5,
226.     0xcd,
227.     0x7b,
228.     0xbd,
229.     0x2d,
230.     0x74,
231.     0xd0,
232.     0x12,
233.     0xb8,
234.     0xe5,
235.     0xb4,
236.     0xb0,
237.     0x89,
238.     0x69,
239.     0x97,
240.     0x4a,
241.     0x0c,
242.     0x96,
243.     0x77,
244.     0x7e,
245.     0x65,
246.     0xb9,
247.     0xf1,
248.     0x09,
249.     0xc5,
250.     0x6e,
251.     0xc6,
252.     0x84,
253.     0x18,
254.     0xf0,
255.     0x7d,
256.     0xec,
257.     0x3a,
258.     0xdc,
259.     0x4d,
260.     0x20,
261.     0x79,
262.     0xee,
263.     0x5f,
264.     0x3e,
265.     0xd7,
266.     0xcb,
267.     0x39,
268.     0x48
269.   )
271.   this.fk = new Array(0xa3b1bac6, 0x56aa3350, 0x677d9197, 0xb27022dc)
272.   this.ck = new Array(
273.     0x00070e15,
274.     0x1c232a31,
275.     0x383f464d,
276.     0x545b6269,
277.     0x70777e85,
278.     0x8c939aa1,
279.     0xa8afb6bd,
280.     0xc4cbd2d9,
281.     0xe0e7eef5,
282.     0xfc030a11,
283.     0x181f262d,
284.     0x343b4249,
285.     0x50575e65,
286.     0x6c737a81,
287.     0x888f969d,
288.     0xa4abb2b9,
289.     0xc0c7ced5,
290.     0xdce3eaf1,
291.     0xf8ff060d,
292.     0x141b2229,
293.     0x30373e45,
294.     0x4c535a61,
295.     0x686f767d,
296.     0x848b9299,
297.     0xa0a7aeb5,
298.     0xbcc3cad1,
299.     0xd8dfe6ed,
300.     0xf4fb0209,
301.     0x10171e25,
302.     0x2c333a41,
303.     0x484f565d,
304.     0x646b7279
305.   )
306. }
308. SM4.prototype = {
309.   expandKey: function (key) {
310.     var k = new Array(36)
311.     var mk = byteArrayToIntArray(key)
312.     k[0] = mk[0] ^ this.fk[0]
313.     k[1] = mk[1] ^ this.fk[1]
314.     k[2] = mk[2] ^ this.fk[2]
315.     k[3] = mk[3] ^ this.fk[3]
316.     var rk = new Array(32)
317.     for (var i = 0; i < 32; i++) {
318.       k[i + 4] = k[i] ^ this.T1(k[i + 1] ^ k[i + 2] ^ k[i + 3] ^ this.ck[i])
319.       rk[i] = k[i + 4]
320.     }
321.     return rk
322.   },
323.   T1: function (ta) {
324.     var rk = 0
325.     var b = new Array(4)
326.     var a = intToByte(ta)
327.     b[0] = this.sbox[a[0] & 0xff]
328.     b[1] = this.sbox[a[1] & 0xff]
329.     b[2] = this.sbox[a[2] & 0xff]
330.     b[3] = this.sbox[a[3] & 0xff]
331.     var bint = byteToInt(b, 0)
332.     var rk = bint ^ ((bint << 13) | (bint >>> (32 - 13))) ^ ((bint << 23) | (bint >>> (32 - 23)))
333.     return rk
334.   },
335.   one_encrypt: function (rk, data) {
336.     var x = new Array(36)
337.     x[0] = byteToInt(data, 0)
338.     x[1] = byteToInt(data, 4)
339.     x[2] = byteToInt(data, 8)
340.     x[3] = byteToInt(data, 12)
341.     for (var i = 0; i < 32; i++) {
342.       x[i + 4] = x[i] ^ this.T0(x[i + 1] ^ x[i + 2] ^ x[i + 3] ^ rk[i])
343.     }
344.     var tmpx = new Array(4)
345.     for (var i = 35; i >= 32; i--) {
346.       tmpx[35 - i] = x[i]
347.     }
348.     var xbyte = intArrayToByteArray(tmpx)
350.     return xbyte
351.   },
352.   T0: function (ta) {
353.     var a = intToByte(ta)
354.     var b = new Array(4)
355.     b[0] = this.sbox[a[0] & 0xff]
356.     b[1] = this.sbox[a[1] & 0xff]
357.     b[2] = this.sbox[a[2] & 0xff]
358.     b[3] = this.sbox[a[3] & 0xff]
359.     var bint = byteToInt(b, 0)
360.     var c =
361.       bint ^
362.       ((bint << 2) | (bint >>> (32 - 2))) ^
363.       ((bint << 10) | (bint >>> (32 - 10))) ^
364.       ((bint << 18) | (bint >>> (32 - 18))) ^
365.       ((bint << 24) | (bint >>> (32 - 24)))
366.     return c
367.   },
368.   pkcs7padding: function (input, mode) {
369.     if (input == null) {
370.       return null
371.     }
373.     var ret = null
374.     if (mode == 1) {
375.       //填充
376.       var p = 16 - (input.length % 16)
377.       ret = new Array(input.length + p)
378.       arrayCopy(input, 0, ret, 0, input.length)
379.       for (var i = 0; i < p; i++) {
380.         ret[input.length + i] = p
381.       }
382.     } //去除填充
383.     else {
384.       var p = input[input.length - 1]
385.       ret = new Array(input.length - p)
386.       arrayCopy(input, 0, ret, 0, input.length - p)
387.     }
388.     return ret
389.   },
390.   /**
391.    *
392.    * @param key 字节数组
393.    * @param data 字节数组
394.    * @returns {any[]|null}
395.    */
396.   encrypt_ecb: function (key, data) {
397.     if (key == undefined || key == null || key.length % 16 != 0) {
398.       console.log('sm4 key is error!')
399.       return null
400.     }
401.     if (data == undefined || data == null || data.length <= 0) {
402.       console.log('data is error!')
403.       return null
404.     }
405.     var rk = this.expandKey(key)
406.     /*if(debug){
407.           var rkb = intArrayToByteArray(rk);
408.           console.log(Hex.encode(rkb,0,rkb.length));
409.       }*/
411.     var blockLen = 16
412.     var loop = parseInt(data.length / blockLen) //注意不能整除会有小数，要取整
413.     var cipher = new Array((loop + 1) * blockLen)
414.     var tmp = new Array(blockLen)
415.     var oneCipher = null
417.     for (var i = 0; i < loop; i++) {
418.       arrayCopy(data, i * blockLen, tmp, 0, blockLen)
419.       oneCipher = this.one_encrypt(rk, tmp)
420.       arrayCopy(oneCipher, 0, cipher, i * blockLen, blockLen)
421.     }
423.     var lessData = new Array(data.length % blockLen)
424.     if (lessData.length > 0) {
425.       arrayCopy(data, loop * blockLen, lessData, 0, data.length % blockLen)
426.     }
427.     var padding = this.pkcs7padding(lessData, 1)
428.     oneCipher = this.one_encrypt(rk, padding)
429.     arrayCopy(oneCipher, 0, cipher, loop * blockLen, blockLen)
431.     return cipher
432.   },
433.   /**
434.    *
435.    * @param key  字节数组
436.    * @param data  字节数组
437.    * @returns {any[]|null}
438.    */
439.   decrypt_ecb: function (key, data) {
440.     if (key == undefined || key == null || key.length % 16 != 0) {
441.       console.log('sm4 key is error!')
442.       return null
443.     }
444.     if (data == undefined || data == null || data.length % 16 != 0) {
445.       console.log('data is error!')
446.       return null
447.     }
448.     var rk = this.expandKey(key)
449.     var nrk = new Array(32)
450.     for (var i = 0; i < rk.length; i++) {
451.       nrk[i] = rk[32 - i - 1]
452.     }
453.     var blockLen = 16
454.     var loop = data.length / blockLen - 1
455.     var tmp = new Array(blockLen)
456.     var onePlain = null
457.     var plain = null
458.     //先解密最后一部分，确定数据长度
459.     arrayCopy(data, loop * blockLen, tmp, 0, blockLen)
460.     onePlain = this.one_encrypt(nrk, tmp)
461.     var lastPart = this.pkcs7padding(onePlain, 0)
463.     plain = new Array(loop * blockLen + lastPart.length)
464.     arrayCopy(lastPart, 0, plain, loop * blockLen, lastPart.length)
466.     //解密剩下部分数据
467.     for (var i = 0; i < loop; i++) {
468.       arrayCopy(data, i * blockLen, tmp, 0, blockLen)
469.       onePlain = this.one_encrypt(nrk, tmp)
470.       arrayCopy(onePlain, 0, plain, i * blockLen, blockLen)
471.     }
473.     return plain
474.   },
475.   encrypt_cbc: function (key, iv, data) {
476.     if (key == undefined || key == null || key.length % 16 != 0) {
477.       console.log('sm4 key is error!')
478.       return null
479.     }
480.     if (data == undefined || data == null || data.length <= 0) {
481.       console.log('data is error!')
482.       return null
483.     }
484.     if (iv == undefined || iv == null || iv.length % 16 != 0) {
485.       console.log('iv is error!')
486.       return null
487.     }
488.     var rk = this.expandKey(key)
490.     var blockLen = 16
491.     var loop = parseInt(data.length / blockLen) //注意不能整除会有小数，要取整
492.     var cipher = new Array((loop + 1) * blockLen)
493.     var tmp = new Array(blockLen)
494.     var oneCipher = null
496.     for (var i = 0; i < loop; i++) {
497.       arrayCopy(data, i * blockLen, tmp, 0, blockLen)
498.       for (var j = 0; j < blockLen; j++) {
499.         tmp[j] = tmp[j] ^ iv[j]
500.       }
501.       iv = this.one_encrypt(rk, tmp)
502.       arrayCopy(iv, 0, cipher, i * blockLen, blockLen)
503.     }
505.     var lessData = new Array(data.length % blockLen)
506.     if (lessData.length > 0) {
507.       arrayCopy(data, loop * blockLen, lessData, 0, data.length % blockLen)
508.     }
509.     var padding = this.pkcs7padding(lessData, 1)
510.     for (var i = 0; i < blockLen; i++) {
511.       padding[i] = padding[i] ^ iv[i]
512.     }
513.     iv = this.one_encrypt(rk, padding)
514.     arrayCopy(iv, 0, cipher, loop * blockLen, blockLen)
516.     return cipher
517.   },
518.   decrypt_cbc: function (key, iv, data) {
519.     if (key == undefined || key == null || key.length % 16 != 0) {
520.       console.log('sm4 key is error!')
521.       return null
522.     }
523.     if (data == undefined || data == null || data.length % 16 != 0) {
524.       console.log('data is error!')
525.       return null
526.     }
527.     if (iv == undefined || iv == null || iv.length % 16 != 0) {
528.       console.log('iv is error!')
529.       return null
530.     }
531.     var rk = this.expandKey(key)
532.     var nrk = new Array(32)
533.     for (var i = 0; i < rk.length; i++) {
534.       nrk[i] = rk[32 - i - 1]
535.     }
536.     var blockLen = 16
537.     var loop = data.length / blockLen
538.     var tmp = new Array(blockLen)
539.     var onePlain = null
540.     var plain = null
542.     //解密
543.     plain = new Array(data.length)
544.     for (var i = 0; i < loop; i++) {
545.       arrayCopy(data, i * blockLen, tmp, 0, blockLen)
546.       onePlain = this.one_encrypt(nrk, tmp)
547.       for (var j = 0; j < blockLen; j++) {
548.         onePlain[j] = onePlain[j] ^ iv[j]
549.       }
550.       arrayCopy(tmp, 0, iv, 0, blockLen)
551.       arrayCopy(onePlain, 0, plain, i * blockLen, blockLen)
552.     }
554.     //去填充，确定数据长度
555.     //arrayCopy(data,data.length-blockLen,tmp,0,blockLen);
556.     var lastPart = this.pkcs7padding(onePlain, 0)
558.     var realPlain = new Array(plain.length - blockLen + lastPart.length)
559.     arrayCopy(plain, 0, realPlain, 0, plain.length - blockLen)
560.     arrayCopy(lastPart, 0, realPlain, plain.length - blockLen, lastPart.length)
561.     return realPlain
562.   }
563. }
565. ///工具类/
566. /*
567. * 数组复制
568. */
569. function arrayCopy(src, pos1, dest, pos2, len) {
570.   var realLen = len
571.   if (pos1 + len > src.length && pos2 + len <= dest.length) {
572.     realLen = src.length - pos1
573.   } else if (pos2 + len > dest.length && pos1 + len <= src.length) {
574.     realLen = dest.length - pos2
575.   } else if (pos1 + len <= src.length && pos2 + len <= dest.length) {
576.     realLen = len
577.   } else if (dest.length < src.length) {
578.     realLen = dest.length - pos2
579.   } else {
580.     realLen = src.length - pos2
581.   }
583.   for (var i = 0; i < realLen; i++) {
584.     dest[i + pos2] = src[i + pos1]
585.   }
586. }
588. /*
589. * 长整型转成字节，一个长整型为8字节
590. * 返回：字节数组
591. */
592. function longToByte(num) {
593.   //TODO 这里目前只转换了低四字节，因为js没有长整型，得要封装
594.   return new Array(
595.     0,
596.     0,
597.     0,
598.     0,
599.     (num >> 24) & 0x000000ff,
600.     (num >> 16) & 0x000000ff,
601.     (num >> 8) & 0x000000ff,
602.     num & 0x000000ff
603.   )
604. }
606. /*
607. * int数转成byte数组
608. * 事实上只不过转成byte大小的数，实际占用空间还是4字节
609. * 返回：字节数组
610. */
611. function intToByte(num) {
612.   return new Array((num >> 24) & 0x000000ff, (num >> 16) & 0x000000ff, (num >> 8) & 0x000000ff, num & 0x000000ff)
613. }
615. /*
616. * int数组转成byte数组，一个int数值转成四个byte
617. * 返回:byte数组
618. */
619. function intArrayToByteArray(nums) {
620.   var b = new Array(nums.length * 4)
622.   for (var i = 0; i < nums.length; i++) {
623.     arrayCopy(intToByte(nums[i]), 0, b, i * 4, 4)
624.   }
626.   return b
627. }
629. /*
630. * byte数组转成int数值
631. * 返回：int数值
632. */
633. function byteToInt(b, pos) {
634.   if (pos + 3 < b.length) {
635.     return (b[pos] << 24) | (b[pos + 1] << 16) | (b[pos + 2] << 8) | b[pos + 3]
636.   } else if (pos + 2 < b.length) {
637.     return (b[pos + 1] << 16) | (b[pos + 2] << 8) | b[pos + 3]
638.   } else if (pos + 1 < b.length) {
639.     return (b[pos] << 8) | b[pos + 1]
640.   } else {
641.     return b[pos]
642.   }
643. }
645. /*
646. * byte数组转成int数组,每四个字节转成一个int数值
647. *
648. */
649. function byteArrayToIntArray(b) {
650.   // var arrLen = b.length%4==0 ? b.length/4:b.length/4+1;
651.   var arrLen = Math.ceil(b.length / 4) //向上取整
652.   var out = new Array(arrLen)
653.   for (var i = 0; i < b.length; i++) {
654.     b[i] = b[i] & 0xff //避免负数造成影响
655.   }
656.   for (var i = 0; i < out.length; i++) {
657.     out[i] = byteToInt(b, i * 4)
658.   }
659.   return out
660. }
662. module.exports = SM4

复制代码

2. 使用 - ECB 模式加解密

1. import SM4Util from '@/utils/SM4Util'
2. const miStr = SM4Util.sm4ECBEncrypt('13012345678', '93F3044B07393417') // 加密 SM4Util.sm4ECBEncrypt(需要加密的字符串, 密钥)
3. console.log('miStr----', miStr) // 8O/HeW8uoXU/CkcDaXRpxQ==
4. const jieStr = SM4Util.sm4ECBDecrypt(miStr, '93F3044B07393417') // 解密 SM4Util.sm4ECBDecrypt(加密后的字符串, 密钥)
5. console.log('jieStr----', jieStr) // 13012345678
7. // 加密后传给后端进行解密

复制代码

大概出现的报错

若出现该报错，即为解密失败，大概是加密堕落导致 Uncaught RangeError: Invalid array length

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。