使用架构：vue，jquery
前端和后台加解密交互流程
- 前端随机生成16位随机数来用去前端的加解密
- 前端生成的16位随机数通过base16，utf-8转换生成32位的key，iv传递给后台来进行对称加密（后台加解密用的是32位的key，iv）
注意事项：因为sm4是对称加密所以前后端加解密需要用同一个key，iv来进行操作。
SM4文件
function setTextEncoder(){ //解决IE不兼容TextEncoder,TextDecoder
if (typeof TextEncoder == "function") { return; }
function _TextEncoder() {
}
_TextEncoder.prototype.encode = function (s) {
var data = unescape(encodeURIComponent(s)).split('').map(function (val) { return val.charCodeAt(); });
return typeof Uint8Array == "function" ? new Uint8Array(data) : data;//new TextEncoder().encode返回Uint8Array
};
function _TextDecoder() {
}
_TextDecoder.prototype.decode = function (code_arr) {
return decodeURIComponent(escape(String.fromCharCode.apply(null, code_arr)));
};
window.TextEncoder = _TextEncoder;
window.TextDecoder = _TextDecoder;
}
setTextEncoder();
//解决IEUint8Array不兼容slice
try {
new Uint8Array().slice(0, 2);
} catch (e) {
Uint8Array.prototype.slice = Array.prototype.slice;
Uint8Array.prototype.fill = Array.prototype.fill;
}
if (!Float32Array.prototype.slice) {
Float32Array.prototype.slice = function () {
return new Float32Array(this).subarray(this.arguments);
}
};
var Crypt = {
stringToArrayBufferInUtf8: function (str) {
var TextEncoder = (typeof window === 'undefined') ? require('util').TextEncoder : window.TextEncoder
var encoder = new TextEncoder();
return encoder.encode(str);
},
utf8ArrayBufferToString: function (strBuffer) {
var TextDecoder = (typeof window === 'undefined') ? require('util').TextDecoder : window.TextDecoder
var decoder = new TextDecoder('utf-8')
return decoder.decode(strBuffer)
},
arrayBufferToBase64: function (strBuffer) {
return base64js.fromByteArray(strBuffer)
},
base64ToArrayBuffer: function (base64) {
return base64js.toByteArray(base64)
},
byteToHex: function (arrBytes) {
var str = "";
for (var i = 0; i < arrBytes.length; i++) {
var tmp;
var num = arrBytes[i];
if (num < 0) {
tmp = (255 + num + 1).toString(16);
} else {
tmp = num.toString(16);
}
if (tmp.length == 1) {
tmp = "0" + tmp;
}
str += tmp;
}
return str.toUpperCase();
},
HexString2Bytes: function (str) {
var pos = 0;
var len = str.length;
if (len % 2 != 0) {
return null;
}
len /= 2;
var arrBytes = new Array();
for (var i = 0; i < len; i++) {
var s = str.substr(pos, 2);
var v = parseInt(s, 16);
arrBytes.push(v);
pos += 2;
}
return arrBytes;
}
};
var UINT8_BLOCK = 16
var Sbox = [
0xd6, 0x90, 0xe9, 0xfe, 0xcc, 0xe1, 0x3d, 0xb7, 0x16, 0xb6, 0x14, 0xc2, 0x28, 0xfb, 0x2c, 0x05,
0x2b, 0x67, 0x9a, 0x76, 0x2a, 0xbe, 0x04, 0xc3, 0xaa, 0x44, 0x13, 0x26, 0x49, 0x86, 0x06, 0x99,
0x9c, 0x42, 0x50, 0xf4, 0x91, 0xef, 0x98, 0x7a, 0x33, 0x54, 0x0b, 0x43, 0xed, 0xcf, 0xac, 0x62,
0xe4, 0xb3, 0x1c, 0xa9, 0xc9, 0x08, 0xe8, 0x95, 0x80, 0xdf, 0x94, 0xfa, 0x75, 0x8f, 0x3f, 0xa6,
0x47, 0x07, 0xa7, 0xfc, 0xf3, 0x73, 0x17, 0xba, 0x83, 0x59, 0x3c, 0x19, 0xe6, 0x85, 0x4f, 0xa8,
0x68, 0x6b, 0x81, 0xb2, 0x71, 0x64, 0xda, 0x8b, 0xf8, 0xeb, 0x0f, 0x4b, 0x70, 0x56, 0x9d, 0x35,
0x1e, 0x24, 0x0e, 0x5e, 0x63, 0x58, 0xd1, 0xa2, 0x25, 0x22, 0x7c, 0x3b, 0x01, 0x21, 0x78, 0x87,
0xd4, 0x00, 0x46, 0x57, 0x9f, 0xd3, 0x27, 0x52, 0x4c, 0x36, 0x02, 0xe7, 0xa0, 0xc4, 0xc8, 0x9e,
0xea, 0xbf, 0x8a, 0xd2, 0x40, 0xc7, 0x38, 0xb5, 0xa3, 0xf7, 0xf2, 0xce, 0xf9, 0x61, 0x15, 0xa1,
0xe0, 0xae, 0x5d, 0xa4, 0x9b, 0x34, 0x1a, 0x55, 0xad, 0x93, 0x32, 0x30, 0xf5, 0x8c, 0xb1, 0xe3,
0x1d, 0xf6, 0xe2, 0x2e, 0x82, 0x66, 0xca, 0x60, 0xc0, 0x29, 0x23, 0xab, 0x0d, 0x53, 0x4e, 0x6f,
0xd5, 0xdb, 0x37, 0x45, 0xde, 0xfd, 0x8e, 0x2f, 0x03, 0xff, 0x6a, 0x72, 0x6d, 0x6c, 0x5b, 0x51,
0x8d, 0x1b, 0xaf, 0x92, 0xbb, 0xdd, 0xbc, 0x7f, 0x11, 0xd9, 0x5c, 0x41, 0x1f, 0x10, 0x5a, 0xd8,
0x0a, 0xc1, 0x31, 0x88, 0xa5, 0xcd, 0x7b, 0xbd, 0x2d, 0x74, 0xd0, 0x12, 0xb8, 0xe5, 0xb4, 0xb0,
0x89, 0x69, 0x97, 0x4a, 0x0c, 0x96, 0x77, 0x7e, 0x65, 0xb9, 0xf1, 0x09, 0xc5, 0x6e, 0xc6, 0x84,
0x18, 0xf0, 0x7d, 0xec, 0x3a, 0xdc, 0x4d, 0x20, 0x79, 0xee, 0x5f, 0x3e, 0xd7, 0xcb, 0x39, 0x48
]
var CK = [
0x00070e15, 0x1c232a31, 0x383f464d, 0x545b6269,
0x70777e85, 0x8c939aa1, 0xa8afb6bd, 0xc4cbd2d9,
0xe0e7eef5, 0xfc030a11, 0x181f262d, 0x343b4249,
0x50575e65, 0x6c737a81, 0x888f969d, 0xa4abb2b9,
0xc0c7ced5, 0xdce3eaf1, 0xf8ff060d, 0x141b2229,
0x30373e45, 0x4c535a61, 0x686f767d, 0x848b9299,
0xa0a7aeb5, 0xbcc3cad1, 0xd8dfe6ed, 0xf4fb0209,
0x10171e25, 0x2c333a41, 0x484f565d, 0x646b7279
]
var FK = [
0xa3b1bac6, 0x56aa3350, 0x677d9197, 0xb27022dc
]
var iv = ""; //iv
var key = "";//key
var mode = "cbc"//加密模式
var cipherType = "base64";//编码格式
var decryptRoundKeys = "";
var encryptRoundKeys = "";
var SM4 = {
constructorInit: function (config) {
var keyBuffer = Crypt.stringToArrayBufferInUtf8(config.key)
if (keyBuffer.length !== 16) {
throw new Error('key should be a 16 bytes string')
}
key = keyBuffer
var ivBuffer = new Uint8Array(0)
if (config.iv !== undefined && config.iv !== null) {
ivBuffer = Crypt.stringToArrayBufferInUtf8(config.iv)
if (ivBuffer.length !== 16) {
throw new Error('iv should be a 16 bytes string')
}
}
iv = ivBuffer
mode = 'cbc'
cipherType = 'base64'
if (['base64', 'text'].indexOf(config.outType) >= 0) {
cipherType = config.outType
}
encryptRoundKeys = new Uint32Array(32)
spawnEncryptRoundKeys()
decryptRoundKeys = encryptRoundKeys
// decryptRoundKeys.reverse();
var arr = [];
for (var i = decryptRoundKeys.length - 1; i >= 0; i--) {
arr.push(decryptRoundKeys[i])
}
decryptRoundKeys = arr;
},
encrypt: function (plaintext) {//加密
var plainByteArray = Crypt.stringToArrayBufferInUtf8(plaintext)
var padded = padding(plainByteArray)
var blockTimes = padded.length / UINT8_BLOCK
var outArray = new Uint8Array(padded.length)
if (mode === 'cbc') {
if (iv === null || iv.length !== 16) {
throw new Error('iv error')
}
var chainBlock = uint8ToUint32Block(iv, 0)
for (var i = 0; i < blockTimes; i++) {
var roundIndex = i * UINT8_BLOCK
var block = uint8ToUint32Block(padded, roundIndex)
chainBlock[0] = chainBlock[0] ^ block[0]
chainBlock[1] = chainBlock[1] ^ block[1]
chainBlock[2] = chainBlock[2] ^ block[2]
chainBlock[3] = chainBlock[3] ^ block[3]
var cipherBlock = doBlockCrypt(chainBlock, encryptRoundKeys)
chainBlock = cipherBlock
for (var l = 0; l < UINT8_BLOCK; l++) {
outArray[roundIndex + l] = cipherBlock[parseInt(l / 4)] >> ((3 - l) % 4 * 8) & 0xff
}
}
return Crypt.byteToHex(outArray)
} else {
for (var i = 0; i < blockTimes; i++) {
var roundIndex = i * UINT8_BLOCK
var block = uint8ToUint32Block(padded, roundIndex)
var cipherBlock = doBlockCrypt(block, encryptRoundKeys)
for (var l = 0; l < UINT8_BLOCK; l++) {
outArray[roundIndex + l] = cipherBlock[parseInt(l / 4)] >> ((3 - l) % 4 * 8) & 0xff
}
}
if (cipherType === 'base64') {
return Crypt.arrayBufferToBase64(outArray)
} else {
return Crypt.utf8ArrayBufferToString(outArray)
}
}
},
decrypt: function (ciphertext) { //解密
var cipherByteArray
if (mode === 'cbc') {
cipherByteArray = Crypt.HexString2Bytes(ciphertext)
} else {
if (cipherType === 'base64') {
cipherByteArray = Crypt.base64ToArrayBuffer(ciphertext)
} else {
cipherByteArray = Crypt.stringToArrayBufferInUtf8(ciphertext)
}
}
if (!cipherByteArray)
return ''
var blockTimes = cipherByteArray.length / UINT8_BLOCK
var outArray = new Uint8Array(cipherByteArray.length)
if (mode === 'cbc') {
if (iv === null || iv.length !== 16) {
throw new Error('iv error')
}
var chainBlock = uint8ToUint32Block(iv, 0)
for (var i = 0; i < blockTimes; i++) {
var roundIndex = i * UINT8_BLOCK
var block = uint8ToUint32Block(cipherByteArray, roundIndex)
var plainBlockBeforeXor = doBlockCrypt(block, decryptRoundKeys)
var plainBlock = new Uint32Array(4)
plainBlock[0] = chainBlock[0] ^ plainBlockBeforeXor[0]
plainBlock[1] = chainBlock[1] ^ plainBlockBeforeXor[1]
plainBlock[2] = chainBlock[2] ^ plainBlockBeforeXor[2]
plainBlock[3] = chainBlock[3] ^ plainBlockBeforeXor[3]
chainBlock = block
for (var l = 0; l < UINT8_BLOCK; l++) {
outArray[roundIndex + l] = plainBlock[parseInt(l / 4)] >> ((3 - l) % 4 * 8) & 0xff
}
}
} else {
for (var i = 0; i < blockTimes; i++) {
var roundIndex = i * UINT8_BLOCK
var block = uint8ToUint32Block(cipherByteArray, roundIndex)
var plainBlock = doBlockCrypt(block, decryptRoundKeys)
for (var l = 0; l < UINT8_BLOCK; l++) {
outArray[roundIndex + l] = plainBlock[parseInt(l / 4)] >> ((3 - l) % 4 * 8) & 0xff
}
}
}
var depaddedPlaintext = dePadding(outArray)
return Crypt.utf8ArrayBufferToString(depaddedPlaintext)
}
}
function doBlockCrypt(blockData, roundKeys) {
var xBlock = new Uint32Array(36)
xBlock.set(blockData, 0)
for (var i = 0; i < 32; i++) {
xBlock[i + 4] = xBlock[i] ^ tTransform1(xBlock[i + 1] ^ xBlock[i + 2] ^ xBlock[i + 3] ^ roundKeys[
i])
}
var yBlock = new Uint32Array(4)
yBlock[0] = xBlock[35]
yBlock[1] = xBlock[34]
yBlock[2] = xBlock[33]
yBlock[3] = xBlock[32]
return yBlock
}
function spawnEncryptRoundKeys() {
var mk = new Uint32Array(4)
mk[0] = key[0] << 24 | key[1] << 16 | key[2] << 8 | key[3]
mk[1] = key[4] << 24 | key[5] << 16 | key[6] << 8 | key[7]
mk[2] = key[8] << 24 | key[9] << 16 | key[10] << 8 | key[11]
mk[3] = key[12] << 24 | key[13] << 16 | key[14] << 8 | key[15]
var k = new Uint32Array(36)
k[0] = mk[0] ^ FK[0]
k[1] = mk[1] ^ FK[1]
k[2] = mk[2] ^ FK[2]
k[3] = mk[3] ^ FK[3]
for (var i = 0; i < 32; i++) {
k[i + 4] = k[i] ^ tTransform2(k[i + 1] ^ k[i + 2] ^ k[i + 3] ^ CK[i])
encryptRoundKeys[i] = k[i + 4]
}
}
function rotateLeft(x, y) {
return x << y | x >>> (32 - y)
}
function linearTransform1(b) {
return b ^ rotateLeft(b, 2) ^ rotateLeft(b, 10) ^ rotateLeft(b, 18) ^ rotateLeft(b, 24)
}
function linearTransform2(b) {
return b ^ rotateLeft(b, 13) ^ rotateLeft(b, 23)
}
function tauTransform(a) {
return Sbox[a >>> 24 & 0xff] << 24 | Sbox[a >>> 16 & 0xff] << 16 | Sbox[a >>> 8 & 0xff] << 8 | Sbox[a &
0xff]
}
function tTransform1(z) {
var b = tauTransform(z)
var c = linearTransform1(b)
return c
}
function tTransform2(z) {
var b = tauTransform(z)
var c = linearTransform2(b)
return c
}
function padding(originalBuffer) {
if (originalBuffer === null) {
return null
}
var paddingLength = UINT8_BLOCK - originalBuffer.length % UINT8_BLOCK
var paddedBuffer = new Uint8Array(originalBuffer.length + paddingLength)
paddedBuffer.set(originalBuffer, 0)
// paddedBuffer.fill(paddingLength, originalBuffer.length)
for (var i = 0; i <= paddedBuffer.length; i++) {
if (i >= originalBuffer.length) paddedBuffer[i] = paddingLength
}
return paddedBuffer
}
function dePadding(paddedBuffer) {
if (paddedBuffer === null) {
return null
}
var paddingLength = paddedBuffer[paddedBuffer.length - 1]
var originalBuffer = paddedBuffer.slice(0, paddedBuffer.length - paddingLength)
return originalBuffer
}
function uint8ToUint32Block(uint8Array, baseIndex) {
var block = new Uint32Array(4)
block[0] = uint8Array[baseIndex] << 24 | uint8Array[baseIndex + 1] << 16 | uint8Array[baseIndex + 2] << 8 |
uint8Array[baseIndex + 3]
block[1] = uint8Array[baseIndex + 4] << 24 | uint8Array[baseIndex + 5] << 16 | uint8Array[baseIndex + 6] <<
8 |
uint8Array[baseIndex + 7]
block[2] = uint8Array[baseIndex + 8] << 24 | uint8Array[baseIndex + 9] << 16 | uint8Array[baseIndex + 10] <<
8 |
uint8Array[baseIndex + 11]
block[3] = uint8Array[baseIndex + 12] << 24 | uint8Array[baseIndex + 13] << 16 | uint8Array[baseIndex +
14] << 8 |
uint8Array[baseIndex + 15]
return block
}
export default SM4;//vue的导出
window.SM4 = SM4;//jquery的导出使用方法(vue，jquery)举例vue的用法，jquery用法是一致的只是换了一下引用方式
import SM4 from "@/utils/sm4/sm4.js"; //导入sm4.js文件
sm4Encrypt(msg) {//加密
let msgString = msg;
if (typeof (msgString) !== 'string') {
msgString = JSON.stringify(msg);
}
console.log("接口入参未加密*****************", msg);
SM4.constructorInit(store.getters.sm4Config);
return SM4.encrypt(msgString)
},
sm4Decrypt(msg) { //解密
SM4.constructorInit(store.getters.sm4Config);
console.log(JSON.parse(SM4.decrypt(msg)), "解密结果");
return JSON.parse(SM4.decrypt(msg))
},
store.getters.sm4Config传入的是前端生成的16位的key和iv。
注意：前端加解密用的key和iv是16位的但是传递给后台的key和iv是32位的这里需要前端base16,utf8转换
export const strToHexCharCode = (str) => { //转换base16编码
var hexCharCode = [];
var chars = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"];
for (var i = 0; i < str.length; i++) {
var bit = (str[i] & 0x0f0) >> 4;
hexCharCode.push(chars[bit]);
var bit = str[i] & 0x0f;
hexCharCode.push(chars[bit]);
}
return hexCharCode.join("");
}
export const strToUtf8Bytes = (str) => { //转换utf8
const utf8 = [];
for (let ii = 0; ii < str.length; ii++) {
let charCode = str.charCodeAt(ii);
if (charCode < 0x80) utf8.push(charCode);
else if (charCode < 0x800) {
utf8.push(0xc0 | (charCode >> 6), 0x80 | (charCode & 0x3f));
} else if (charCode < 0xd800 || charCode >= 0xe000) {
utf8.push(0xe0 | (charCode >> 12), 0x80 | ((charCode >> 6) & 0x3f), 0x80 | (charCode & 0x3f));
} else {
ii++;
charCode = 0x10000 + (((charCode & 0x3ff) << 10) | (str.charCodeAt(ii) & 0x3ff));
utf8.push(
0xf0 | (charCode >> 18),
0x80 | ((charCode >> 12) & 0x3f),
0x80 | ((charCode >> 6) & 0x3f),
0x80 | (charCode & 0x3f)
)
}
}
for (let jj = 0; jj < utf8.length; jj++) {
var code = utf8[jj];
if (code > 127) {
utf8[jj] = code - 256;
}
}
return utf8;
}转换base16使用方法
let params = { //使用base16编码转换key和iv
key: strToHexCharCode(strToUtf8Bytes(key)),
iv: strToHexCharCode(strToUtf8Bytes(iv)),
};
