BASE64加密解密---前端 AES 加密解密

在做项目的时候,要求base64加密传输,和java后端试了很多,就这个比较合适

  1. 首先先下包
    npm i crypto-js --save
  2. 封装
    import CryptoJS from "crypto-js";  //引入
    
    //约定密钥(与后端密钥保持一致)
    var key = CryptoJS.enc.Utf8.parse("qP2$bG9;vA0^uW0:");// 密钥16位长度字符   内容可自定义
    var IV = CryptoJS.enc.Utf8.parse("qP2$bG9;vA0^uW0:");//  密钥偏移量    16位长度字符
    
    /**
    * AES对称加密 (CBC模式,需要偏移量)
    * @param {Object} params 明文参数
    */
    export function encrypt(params){
        //明文参数   
        var str = CryptoJS.enc.Utf8.parse(params);
        //加密
        var encryptedData = CryptoJS.AES.encrypt(str, key, {
            iv:IV,
            mode: CryptoJS.mode.CBC, //AES加密模式  
            padding: CryptoJS.pad.Pkcs7 //填充方式
        });
            console.log("加密前:"+params);//加密前:QWEASDZXC
            console.log("加密后:"+encryptedData);//加密后:vlgQpBdfVvMplxwOTjxSyQ==	
            return CryptoJS.enc.Base64.stringify(encryptedData.ciphertext); //返回base64格式密文
    }
    /**
     * AES对称解密
     * @param {Object} params 加密参数
     */
    export function decrypt(params){
        //base64格式密文转换
        var base64 = CryptoJS.enc.Base64.parse(params);
        var str = CryptoJS.enc.Base64.stringify(base64);
        //解密
        var decryptedData = CryptoJS.AES.decrypt(str, key, {
            iv:IV,
            mode: CryptoJS.mode.CBC, //AES加密模式  
            padding: CryptoJS.pad.Pkcs7 //填充方式
        });
            console.log("解密前:"+params);//解密前:vlgQpBdfVvMplxwOTjxSyQ==
            console.log("解密后:"+CryptoJS.enc.Utf8.stringify(decryptedData).toString());//解密后:QWEASDZXC
            return CryptoJS.enc.Utf8.stringify(decryptedData).toString(); //返回明文
    }
     
  3.  引入使用
    import {encrypt,decrypt} from './utils/cryptojs'
    
    encrypt('QWEASDZXC');//明文参数
    		//解密处理
    decrypt("xaZ0L82AH081Q6Vu1mKLxA==");//加密参数

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值