sm4国产加密

1、安装加密gm-crypt依赖

npm install gm-crypt

2、在表单提交方法内，直接添加下面提供的代码，适合使用次数频率少的情况下使用。

checkPassword() {

  this.$refs.formPass.validate(valid => {

      if (valid) {

          // 引用sm4包进行加密

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

          let sm4Config = {

              //配置sm4参数

              key: "GJwsXX_BzW=gJWJW", //这里这个key值要与后端的一致，后端解密是根据这个key

              mode: "cbc", // 加密的方式有两种，ecb和cbc两种，这里使用的是cbc，cbc模式还要加一个iv的参数，ecb不用

              iv: "ZkR_SiNoSOFT=568", //iv是cbc模式的第二个参数，也需要跟后端配置的一致

              cipherType: "base64" //

          };

          let sm4 = new SM4(sm4Config); //new一个sm4函数，将上面的sm4Config作为参数传递进去。

          accountCenterService.checkVerificationCode({

              newPassword: sm4.encrypt(this.formPass.newPassword) //加密处理明文密码

          }).then(res => {

              if (res.code === STATUSCODE.code01) {

                  this.dialogVisible = false;

              }else{

                  this.$message.error(res.msg)

              }

          });

      }

  });

},

方案二，封装版，作为公共方法调用

将处理的函数代码封装，然后把加密和解密的方法导出去，作为公共方法调用，方便多处使用，然后在代码中引入调用即可。便于维护后后期使用。

1、同样也是先安装加密gm-crypt依赖

npm install gm-crypt

2、在项目的utils目录下，新建一个sm4Util.js作为公共文件使用，

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

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

let sm4Config = {

      key: pwdKey, //这里这个key值要与后端的一致，后端解密是根据这个key

      mode: "ecb",  // 加密的方式有两种，ecb和cbc两种，也是看后端如何定义的，不过要是cbc的话下面还要加一个iv的参数，ecb不用

      iv: '1234567891011121', //iv是cbc模式的第二个参数，也需要跟后端配置的一致 iv是initialization vector的意思，就是加密的初始话矢量，初始化加密函数的变量，也叫初始向量。（本来应该动态生成的，由于项目没有严格的加密要求，直接写死一个）

      cipherType: "base64"

    };

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

/*

* 加密工具函数

* @param {String} text 待加密文本

*/

export function encrypt(text) {

  return sm4Util.encrypt(text, pwdKey);

}

/*

* 解密工具函数

* @param {String} text 待解密密文

*/

export function decrypt(text) {

  return sm4Util.decrypt(text, pwdKey);

}

3、引入sm4Util.js

import{encrypt,decrypt}from"./sm4Util.js"//引入sm4.js  相对路径

4、在组件中调用对应的方法，将需要进行加密的数据，放入加密方法处理，

// SM4加密传输开始-----------------------

const user = 'admin'; // 用户名

const pass = '123456'; // 密码

// 开始加密  用户名密码

const usernameSM4 = encrypt(user); //加密后的用户名

const passwordSM4 = encrypt(pass); //加密后的密码