美文网首页前端
小程序使用npm包, 引入cryptoJs进行AES加密跟MD5

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

作者: 説好的妹紙呢 | 来源:发表于2019-05-16 17:01 被阅读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

    相关文章

      网友评论

        本文标题:小程序使用npm包, 引入cryptoJs进行AES加密跟MD5

        本文链接:https://www.haomeiwen.com/subject/dpmiaqtx.html