前段加密兼容AES rsa

### 前端加密实现 AES 和 RSA 兼容性的方法 #### 使用场景说明 在现代Web应用开发中，确保前后端通信的安全至关重要。通过采用AES和RSA混合加密机制，可以在保障高效性和安全性的同时解决各自存在的局限性[^1]。 #### 实现原理概述 - **AES用于数据体加密**：利用高级加密标准（Advanced Encryption Standard, AES），以较快的速度对实际待传输的信息进行高强度保护。 - **RSA负责密钥交换**：运用非对称加密算法Rivest-Shamir-Adleman (RSA)，专门处理会话期间所需临时生成的AES秘钥传递过程，从而解决了对称加密方式下公私钥分发难题。 #### 技术选型考量 鉴于浏览器环境特性以及JavaScript执行效率等因素，在选择具体库时需考虑跨平台支持度良好且性能优越的选择： - 对于AES操作推荐使用`crypto-js`或原生Web Crypto API； - 针对RSA部分则可选用`jsencrypt`这类专注于非对称运算优化过的第三方组件。 #### 代码实例展示 ##### 客户端侧编码逻辑 ###### 初始化并创建一对RSA密钥对 ```javascript // 引入必要的依赖项 import JSEncrypt from 'jsencrypt'; const rsa = new JSEncrypt(); rsa.getKey(); // 自动生成一对新的RSA密钥对 console.log('Public Key:', rsa.getPublicKey()); console.log('Private Key:', rsa.getPrivateKey()); // 将公钥发送给服务器... ``` ###### 数据准备阶段——随机生成一次性的AES session key ```javascript async function generateAesKey() { const aesKey = await window.crypto.subtle.generateKey( { name: "AES-GCM", length: 256 }, true, ["encrypt", "decrypt"] ); return aesKey; } ``` ###### 执行加密动作前先用接收方提供的公钥包裹住刚才产生的session key ```javascript function encryptSessionKey(publicKeyStr, sessionKey) { const jsEncryptObj = new JSEncrypt(); jsEncryptObj.setPublicKey(publicKeyStr); const exportedRawKey = await window.crypto.subtle.exportKey('raw', sessionKey); const encryptedBase64String = jsEncryptObj.encrypt(ArrayBufferToString(exportedRawKey)); return encryptedBase64String; function ArrayBufferToString(buffer){ let binary_string = ''; const bytes = new Uint8Array(buffer); for(let i=0; i<bytes.byteLength; i++){ binary_string += String.fromCharCode(bytes[i]); } return btoa(binary_string); } } ``` ###### 应用AES算法完成主体内容加密工作 ```javascript async function performEncryption(dataToBeEncrypted, encryptionKey) { const iv = window.crypto.getRandomValues(new Uint8Array(12)); // Initialization Vector const cipherText = await window.crypto.subtle.encrypt({ name: "AES-GCM", iv: iv, }, encryptionKey, encodeUTF8(dataToBeEncrypted)); return JSON.stringify({ ciphertext: Array.from(new Uint8Array(cipherText)), nonce: Array.from(iv)}); } function encodeUTF8(str) { var utf8 = unescape(encodeURIComponent(str)); return new TextEncoder().encode(utf8); } ``` ##### 后端响应解析与解码流程略过... ---