关于vue.js:RSA分段解密-Vue

前言

上一篇文章实现了 Java RSA 的分段加解密，这里咱们介绍在 Vue 我的项目中如何应用 RSA 分段解密，这里的加解密场景是：

• 后端私钥分段加密 – 前端公钥分段解密

前端如何应用公钥解密这里不做反复叙述，重视点是分段解密，有须要的参考之前的文章：RSA 加密 – Vue

具体实现

• src/libs/jsencrypt/lib/JSEncrypt.js中增加新的解密办法decryptLong

  /**
  * 分段解密
  * @param string
  * @returns {string|boolean}
  */
   JSEncrypt.prototype.decryptLong = function (string) {let k = this.getKey();
     let MAX_DECRYPT_BLOCK = 128;// 分段解密最大长度限度为 128 字节
     try {
         let ct = "";
         let t1;
         let bufTmp;
         let hexTmp;
         let str = bytesToHex(string);
         let buf = hexToBytes(str);
         let inputLen = buf.length;
  
         // 开始长度
         let offSet = 0;
         // 完结长度
         let endOffSet = MAX_DECRYPT_BLOCK;
  
         // 分段解密
         while (inputLen - offSet > 0) {if (inputLen - offSet > MAX_DECRYPT_BLOCK) {bufTmp = buf.slice(offSet, endOffSet);
                 hexTmp = bytesToHex(bufTmp);
                 t1 = k.decrypt(hexTmp);
                 ct += t1;
             } else {bufTmp = buf.slice(offSet, inputLen);
                 hexTmp = bytesToHex(bufTmp);
                 t1 = k.decrypt(hexTmp);
                 ct += t1;
             }
             offSet += MAX_DECRYPT_BLOCK;
             endOffSet += MAX_DECRYPT_BLOCK;
         }
         return ct;
     } catch (ex) {console.log("RSA 分段解密失败", ex)
         return false;
     }
   };

• 增加 JSEncryptRSAassist.js 到src/libs/jsencrypt/lib/目录下

  /**
   * RSA 分段解密辅助
   * @param hex
   * @returns {[]}
   */
  
  /**
   * 16 进制转 byte 数组
   */
  function hexToBytes(hex) {let bytes = [];
    for (let c = 0; c < hex.length; c += 2)
        bytes.push(parseInt(hex.substr(c, 2), 16));
    return bytes;
  }
  
  /**
   * byte 数组转 16 进制
   * @param bytes
   * @returns {string}
   */
  function bytesToHex(bytes) {let hex = [];
    for (let i = 0; i < bytes.length; i++) {hex.push((bytes[i] >>> 4).toString(16));
        hex.push((bytes[i] & 0xF).toString(16));
    }
    return hex.join("");
  }
  
  /**
   * base64 转 btye 数组
   * @param base64
   * @returns {Uint8Array}
   */
  function base64ToArrayBuffer(base64) {let binary_string = window.atob(base64);
    let len = binary_string.length;
    let bytes = new Uint8Array(len);
    for (let i = 0; i < len; i++) {bytes[i] = binary_string.charCodeAt(i);
    }
  
    return bytes;
  }
  
  export {
    hexToBytes,
    bytesToHex,
    base64ToArrayBuffer
  }

• 公钥分段解密RSADecryption.js

  /**
   * 非对称加密 - RSA
   * 后端私钥分段加密 - 前端公钥分段解密
   */
  import {JSEncrypt} from '../libs/jsencrypt/lib/JSEncrypt'
  import {base64ToArrayBuffer} from '../libs/jsencrypt/lib/JSEncryptRSAassist';
  
  const PUBLICKEY = 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCaaI4MBywkCjIppZnraqN3pbrcZTq/t0+aMBo8K3pK9BDD6XkM6N2Yfcva7BSFbUWuAcI7piXak0UKn9CElDuhNzUSgQn4IXKxIt3Iva5cV83qYumj+0yRjjLT8Muu1Y1rgBZjY9oBwhVoV+Twg25+UJ+6Q6HM4xTwQQJDoyy4jwIDAQAB';
  
  export const RSADECRY = {
    /**
     * 公钥分段解密
     * @returns {string}
     * @param val
     */
    decryptLongByPublicKey: function (val = '') {if(val === ''){return '';}
        let encrypt = new JSEncrypt()
        encrypt.setPublicKey(PUBLICKEY) // 设置公钥
  
        // 后端应用 URLEncoder 进行编码，前端解密后应用 decodeURIComponent 解码解决中文乱码问题
        let decryptStr = decodeURIComponent(encrypt.decryptLong(base64ToArrayBuffer(val)));
  
        return decryptStr ? decryptStr : val;
    }
  
  }

• 前端公钥分段解密调用，这里的 encryptStr 是 RSA 分段加密 – Java 中加密的密文

  console.log("===================")
  let encryptStr = 'LfQFzBVRelSjnohshZlMvTUPsfdaD9t7FEreaAKop5Pf4X33exYMykBS12XCgnMP+GtO08ir5qmsnwVU5iP/lHMlTBSkWiGX16zFV/pmwQF8OY62HrhzXZn0gSu1rIgPKIowQ2W254uYPHDIIxvWJB/dNmeeqrgc5JxDdLVEuZU=';
  let decryptLongByPublicKey = RSADECRY.decryptLongByPublicKey(encryptStr);
  console.log("decryptLongByPublicKey:", decryptLongByPublicKey);

• 后果如下：
  

源码

• GitHub：https://github.com/Maggieq8324/coisini-rsa
• Gitee：https://gitee.com/maggieq8324/coisini-rsa

$$- End -$$