前端

小程序使用npm包, 引入cryptoJs进行AES加密跟MD5

2019-05-16  本文已影响0人  説好的妹紙呢

1、首先在小程序的根目录下进行npm初始化

npm init

2、安装cryptoJs

npm install crypto-js --save

3、在编辑器中勾选npm,并在工具栏里构建npm


使用npm包.jpg

构建报错找不到npm包

直接npm install crypto-js --save,然后构建包,是构建不成功的


构建找不到包.jpg

需要按以上1-2-3步骤才可以。

AES解码为空(不成功)的小问题

1、首先使用CryptoJS.AES.encrypt()这个方法加密,加密成功是一个对象,然后我们需要转成字符串
2、在reture encrypteStr.toString()的时候,会被转成Base64格式的字符
3、在return encrypteStr.ciphertext.toString()的时候,就不是base64格式了,而是128位的
4、在使用CryptoJs.AES.decrypt()解密的时候,需要的字符一定是Base64格式的,如果不是就需要转成Base64
5、所以在解密的时候,先判断传过来的字符串是不是Base64格式的,如果不是我们再转,是就不用转了
6、一般我们前台只做加密,后台解密,密钥呀,密钥偏移量呀,字符格式,加密方式呀什么的,都需要跟后台约定好
7、加密好的字符再通过MD5来hash过后的值,这个值是不能解密的,但是两个同样的值,hash次数一样,也是相等的

8、代码

const CryptoJs = require('crypto-js');
const defaultKey = "23d$%Q#kjwgsl@@$#@"; // 默认的key
const defaultIv = "ogiGRWos02oH22301#"; // 默认的key 偏移量

/**
 * 加密方法
 * @param: str 需要加密的字符
 * @param: key 密钥
 * @param: iv 密钥偏移量
 */
function encrypt(str, key, iv) {
  const keyStr = key ? encParse(key) : encParse(defaultKey);
  const ivStr = iv ? encParse(iv) : encParse(defaultIv);

  const encryptedStr = CryptoJs.AES.encrypt(str, keyStr, {
    iv: ivStr,
    mode: CryptoJs.mode.CFB,
    padding: CryptoJs.pad.Pkcs7
  });

  // 直接toString()是base64格式的字符串
  // ciphertext.toString() 是128位的字符串
  return encryptedStr.toString();
}
/**
 * 解密方法
 * @param: str 需要解密的字符
 * @param: key 密钥
 * @param: iv 密钥偏移量
 */
function decrypt(str, key, iv) {
  const keyStr = key ? encParse(key) : encParse(defaultKey);
  const ivStr = iv ? encParse(iv) : encParse(defaultIv);

  // 判断str是否为base64,如果不是就要转base64,是了就不能再转
  const flag = isBase64(str);
  if (!flag) {
    // 转为base64之前要先转16进制
    str = CryptoJs.enc.Hex.parse(str);
    // 只有base64格式的字符才能被解密
    str = CryptoJs.enc.Base64.stringify(str);
  }

  const encryptedStr = CryptoJs.AES.decrypt(str, keyStr, {
    iv: ivStr,
    mode: CryptoJs.mode.CFB,
    padding: CryptoJs.pad.Pkcs7
  });
  return encryptedStr.toString(CryptoJs.enc.Utf8);
}
/**
 * 处理密钥字符格式
 * @param: key 需要转格式的字符
 */
function encParse(key) {
  // key = CryptoJs.enc.Utf8.parse(key);
  return CryptoJs.enc.Latin1.parse(key);
}
/**
 * 使用MD5 hash字符串
 * @param: str 需要加密的字符串
 * @param: times 需要hash的次数
 */
function md5(str, times = 1) {
  for (let i = 0; i < times; i++) {
    str = CryptoJs.MD5(str).toString();
  }
  return str;
}
/**
 * 判断是否是Base64格式的字符串
 */
function isBase64(str) {
  let reg = /^(([A-Za-z0-9+/]{4})*([A-Za-z0-9+/]{3}=))|(([A-Za-z0-9+/]{4})*([A-Za-z0-9+/]{2}==))$/;
  return reg.test(str);
}

export default {
  decrypt,
  encrypt,
  md5
}

项目地址:https://gitee.com/qinjunbang/crypto-demo

cryptoJs 插件地址:https://gitee.com/qinjunbang/crypto-demo

上一篇下一篇

猜你喜欢

热点阅读