vue使用gm-crypto对数据进行sm4加密处理

javascript 复制代码
npm i gm-crypto//安装gm-crypto

创建一份gmCrypt.js文件

javascript 复制代码
const { SM4 } = require("gm-crypto");

export default function(params) {
  if (typeof params == "undefined") {
    params = null;
  }
	//秘钥与IV要与后端一致,秘钥和iv若医师16进制格式,则无需转换
  // 原始 base64 密钥
  const base64Key = "XXXXXXXXXXXXXXXXXXXXX";

  // 将 base64 密钥转换为 32 位十六进制字符串
  const keyBuffer = Buffer.from(base64Key, "base64");
  let keyHex32 = keyBuffer.toString("hex");

  // 确保是 32 位十六进制字符串(16字节 * 2)
  if (keyHex32.length < 32) {
    keyHex32 = keyHex32.padStart(32, "0");
  } else if (keyHex32.length > 32) {
    keyHex32 = keyHex32.substring(0, 32);
  }


  // IV 参数(CBC模式需要)
  const base64Iv = "XXXXXXXXXXXXXXXXXXXXXX";
  const ivBuffer = Buffer.from(base64Iv, "base64");
  let ivHex32 = ivBuffer.toString("hex");

  // 确保 IV 也是 32 位十六进制字符串
  if (ivHex32.length < 32) {
    ivHex32 = ivHex32.padStart(32, "0");
  } else if (ivHex32.length > 32) {
    ivHex32 = ivHex32.substring(0, 32);
  }
  try {
    // 加密
    const _encryptedData = SM4.encrypt(params, keyHex32, {
      inputEncoding: "utf8",
      outputEncoding: "base64",
      iv: ivHex32,
      mode: SM4.constants.CBC,
    });
    // 解密
    const _decryptedData = SM4.decrypt(_encryptedData, keyHex32, {
      iv: ivHex32,
      mode: SM4.constants.CBC,
      inputEncoding: "base64",
      outputEncoding: "utf8",
    });
    return _encryptedData;
  } catch (error) {
    console.error("SM4加密失败:", error);
    throw error;
  }
}

在页面中使用

javascript 复制代码
//导入
import GmCrypt from "../util/gmCrypt";
//使用
const _stringifyData = '需要sm4加密处理的数据'
const _sm4Data = GmCrypt(_stringifyData);
console.log("_sm4Data ", _sm4Data );
相关推荐
SGAMERrain几秒前
# Nuxt 4 + MediaPipe:如何在浏览器中实现本地 AI 人脸分析?
前端
github_is_geeksKai1 小时前
浏览器端文件处理的边界:PDF 面单、GPX 隐私与 EPUB 修复
前端
李纲明1 小时前
微信小程序 getSystemInfo 提示已废弃、屏幕高度算错胶囊还对不齐?getWindowInfo 和 getDeviceInfo 怎么接才稳
javascript·微信小程序·小程序·小程序开发·devdiy
deli0072 小时前
从一句反馈到一次升级:Mystudy 的自进化实践
前端
FungLeo2 小时前
成为全栈·Vue 管理后台篇·用 fetch 建一层可控的请求内核
前端·javascript·vue.js·http·fetch·formdata·接口封装
用户84298142418103 小时前
ByteJS,让重要的 JavaScript 以字节码运行。
javascript
FungLeo4 小时前
成为全栈·Vue 管理后台篇·Vue Router如何守住多角色后台边界
前端·javascript·vue.js·rbac·vue router·路由守卫·前端权限
FungLeo4 小时前
成为全栈·Vue 管理后台篇·分页只显示第一页:从接口total 定位到前端修复
前端·vue.js·状态模式·分页·naive ui·服务端分页·前端问题排查
ZhengEnCi5 小时前
苹果滑动为什么有「肉感」:橡皮筋越界阻尼与弹簧动画的物理原理
前端
Moment5 小时前
不会后期的我,发现了一个开源胶片神器😍😍😍
前端·后端·开源