快捷導(dǎo)航

前端使用國(guó)密sm2和sm4進(jìn)行加解密代碼示例

更新時(shí)間：2025年04月09日 09:46:17 作者：喜歡代碼的新之助

在前端實(shí)現(xiàn)加密算法時(shí),需要特別注意密鑰的安全存儲(chǔ)和管理,不應(yīng)將敏感的密鑰硬編碼在前端代碼中,這篇文章主要介紹了前端使用國(guó)密sm2和sm4進(jìn)行加解密的相關(guān)資料,需要的朋友可以參考下

國(guó)密SM加密

國(guó)密SM：國(guó)密算法，即國(guó)家商用密碼算法。是由國(guó)家密碼管理局認(rèn)定和公布的密碼算法標(biāo)準(zhǔn)及其應(yīng)用規(guī)范，其中部分密碼算法已經(jīng)成為國(guó)際標(biāo)準(zhǔn)。如SM系列密碼，SM代表商密，即商業(yè)密碼，是指用于商業(yè)的、不涉及國(guó)家秘密的密碼技術(shù)。

安裝SM加密依賴

npm install --save sm-crypto
或
npm install --save sm-crypto --legacy-peer-deps

SM2

封裝

將sm2的加密解密方法進(jìn)行封裝，文件命名為sm2.js

// 引入
const sm2 = require('sm-crypto').sm2
const cipherMode = 0 // 1 - C1C3C2，0 - C1C2C3，默認(rèn)為1

// 后端會(huì)生成密鑰對(duì)
// publicKey：公鑰 后端提供
// privateKey：私鑰 后端提供
const publicKey = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
const privateKey = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"

// 加密
// value：需要加密的內(nèi)容
export function encrypt (value) {
	// 給后端傳值時(shí)需要在加密的密文前面加04 ,這樣后端才能解密正確不報(bào)錯(cuò)
	return '04' + sm2.doEncrypt(value, publicKey, cipherMode)
}

// 解密
// value：需要解密的密文
export function decrypt (value) {
	// 后端傳輸過來的密文開頭的兩個(gè)字符通常也為04，因此解密時(shí)需要?jiǎng)h除
	return sm2.doDecrypt(value.slice(2, value.length), privateKey, cipherMode)
}

使用

	// 引入sm2.js，注意文件路徑不要出錯(cuò)
	import { encrypt, decrypt } from './sm2'

	// data：需要加密的數(shù)據(jù)
	// encryptData：加密后的密文
	// 若有需要?jiǎng)t將js對(duì)象轉(zhuǎn)換為字符串后進(jìn)行加密：JSON.stringify(data)
	const encryptData = encrypt(JSON.stringify(data))

	// data：需要解密的密文
	// decryptData：解密后的數(shù)據(jù)
	// 若解密結(jié)果為json字符串，則可以通過JSON.parse()方法將解密結(jié)果轉(zhuǎn)化為json對(duì)象
	const decryptData = decrypt(data)

SM4

封裝

將sm4的加密解密方法進(jìn)行封裝，文件命名為sm4.js

const SM4 = require("sm-crypto").sm4;

const pwdKey = "xxxx"; //密鑰 前后端一致，后端提供
let sm4Config = {
  key: pwdKey,
  mode: "ecb",  // 加密的方式有兩種，ecb和cbc兩種，看后端如何定義的，cbc需要iv參數(shù)，ecb不用
  iv: '1234567891011121', // 初始向量，cbc模式的第二個(gè)參數(shù)，也需要跟后端配置的一致
  cipherType: "base64"
};

const sm4Util = new SM4(sm4Config); // new一個(gè)sm4函數(shù)，將上面的sm4Config作為參數(shù)傳遞進(jìn)去。
    
/* 
 * 加密工具函數(shù)
 * @param {String} text 待加密文本
 */
export function encrypt(text) {
  return sm4Util.encrypt(text, pwdKey);
}

/*
 * 解密工具函數(shù)
 * @param {String} text 待解密密文
 */
 export function decrypt(text) {
  return sm4Util.decrypt(text, pwdKey);
}

使用

	// 引入asm4.js，注意文件路徑不要出錯(cuò)
	import { encrypt,decrypt } from "./sm4"

	// data：需要加密的數(shù)據(jù)
	// encryptData：加密后的密文
	// 若有需要?jiǎng)t將js對(duì)象轉(zhuǎn)換為字符串后進(jìn)行加密：JSON.stringify(data)
	const encryptData = encrypt(JSON.stringify(data))

	// data：需要解密的密文
	// decryptData：解密后的數(shù)據(jù)
	// 若解密結(jié)果為json字符串，則可以通過JSON.parse()方法將解密結(jié)果轉(zhuǎn)化為json對(duì)象
	const decryptData = decrypt(data)