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

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

前言

具体实现

源码