关于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 -$$