SM4+vue2 实现对称加密

工作记录

SM4加密是对称加密,一般用于非密码等敏感信息的加密方式.

基于vue2框架实现使用的,vue3需要自己做调整.

具体使用:

1. 安装依赖 npm i gm-crypt --Save
2. 封装成了一个方法可以拿来直接用

/*
 *@functionName: SM4 加解密方法
 *@author: 若琦
 *@date: 2023-08-29 16:04:54
 *@version: V1.0.5
 */

const SM4 = require("gm-crypt").sm4;

const pwdKey = "2ded2dce23dcw2dc"; //密钥  前后端一致即可,后端提供

// 配置
let sm4Config = {
  key: pwdKey, //这里这个key值要与后端的一致，后端解密是根据这个key
  mode: "ecb", // 加密的方式有两种，ecb和cbc两种，也是看后端如何定义的，不过要是cbc的话下面还要加一个iv的参数，ecb不用
  // iv: '1234567891011121', //iv是cbc模式的第二个参数，也需要跟后端配置的一致 iv是initialization vector的意思，就是加密的初始话矢量，初始化加密函数的变量，也叫初始向量。
  cipherType: "utf-8"
};

const sm4Util = new SM4(sm4Config); // new一个sm4函数，将上面的sm4Config作为参数传递

/*
 * 加密工具函数
 * @param {String} text 待加密文本
 */
export function encrypt(text: any) {
  if (!text) return "";
  try {
    return sm4Util.encrypt(text, pwdKey);
  } catch (error) {
    return text;
  }
}

/*
 * 解密工具函数
 * @param {String} text 待解密密文
 */
export function decrypt(text: any) {
  if (!text) return "";
  try {
    return sm4Util.decrypt(text, pwdKey);
  } catch (error) {
    return text;
  }
}

3. 使用

<template>
    <div>
        
    </div>
</template>

<script>
import {encrypt,decrypt} from '@/utils/sm4util'
export default {
    name: 'Sm4Test',

    data() {
        return {
            
        };
    },

    mounted() {
        let text = "你好";
        let encrypt_text = encrypt(text);
        let decrypt_text = decrypt(text);
        console.info('加密后',encrypt_text);
        console.info('解密后',decrypt_text);
    }
};
</script>

<style lang="scss" scoped></style>