js通过AES进行加解密(ECB、CBC模式)
更新时间：2025年07月25日 11:22:57 作者：喜欢代码的新之助
AES加密算法提供了五种不同的工作模式：CBC,ECB,CTR,CFB,OFB,本文主要介绍ECB与CBC模式实现与差异,具有一定的参考价值,感兴趣的可以了解一下
加密需求
在项目开发中，由于需要对接口传参的敏感信息进行加密传输，后端接口返回的参数也是进行加密过的，此时就需要进行加解密操作。
本篇文章使用AES进行加解密，AES加密算法提供了五种不同的工作模式：CBC，ECB，CTR，CFB，OFB
这里只对CBC和ECB加解密进行说明，这两种加密模式在前端使用时主要区别如下：
- 一种基础的加密方式，密文被分割成分组长度相等的块（不足补齐），然后单独一个个加密，一个个输出组成密文。
- 一种循环模式，前一个分组的密文和当前分组的明文异或或操作后再加密，这样做的目的是增强破解难度。（不容易主动攻击，安全性好于ECB，是SSL、IPSec的标准）
AES加解密
安装依赖
npm install crypto-js --save-dev
封装加解密方法（ECB模式）
将以下方法进行封装，文件命名为aes.js
// 引入
import CryptoJS from 'crypto-js'
// 密钥
const AES_KEY = '****************' // 后端提供
// 加密
export function encrypt ({ word }) {
const key = CryptoJS.enc.Utf8.parse(AES_KEY)
const srcs = CryptoJS.enc.Utf8.parse(word)
const encrypted = CryptoJS.AES.encrypt(srcs, key, {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7
})
return encrypted.toString()
}
// 解密
export function decrypt ({ word }) {
var key = CryptoJS.enc.Utf8.parse(AES_KEY)
var decrypt = CryptoJS.AES.decrypt(word, key, {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7
})
return CryptoJS.enc.Utf8.stringify(decrypt).toString()
}
使用
// 引入aes.js，注意文件路径不要出错
import { encrypt, decrypt } from './aes'
// data：需要加密的数据
// encryptData：加密后的密文
// 若有需要则将js对象转换为字符串后进行加密：JSON.stringify(data)
const encryptData = encrypt({ word: JSON.stringify(data) })
// data：需要解密的密文
// decryptData：解密后的数据
// 若解密结果为json字符串，则可以通过JSON.parse()方法将解密结果转化为json对象
const decryptData = decrypt({ word: data})
封装加解密方法（CBC模式）
将以下方法进行封装，文件命名为aes.js
// 引入
import CryptoJS from 'crypto-js'
// 密钥
const AES_KEY = '****************' // 后端提供
// 初始化向量
const IV = '****************' // 后端提供
//加密方法
export function encrypt( word ) {
let key = CryptoJS.enc.Utf8.parse(AES_KEY)
let iv = CryptoJS.enc.Utf8.parse(IV)
let srcs = CryptoJS.enc.Utf8.parse(word)
let encrypted = CryptoJS.AES.encrypt(srcs, key, {
iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.ZeroPadding
});
return encrypted.toString();
}
//解密方法
export function decrypt( word ) {
var key = CryptoJS.enc.Utf8.parse(AES_KEY)
let iv = CryptoJS.enc.Utf8.parse(IV)
var decrypt = CryptoJS.AES.decrypt(word, key, {
iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.ZeroPadding
})
return decrypt.toString(CryptoJS.enc.Utf8).trim()
}
使用
// 引入aes.js，注意文件路径不要出错
import { encrypt, decrypt } from './aes'
// data：需要加密的数据
// encryptData：加密后的密文
// 若有需要则将js对象转换为字符串后进行加密：JSON.stringify(data)
const encryptData = encrypt(JSON.stringify(data))
// data：需要解密的密文
// decryptData：解密后的数据
// 若解密结果为json字符串，则可以通过JSON.parse()方法将解密结果转化为json对象
const decryptData = decrypt(data)到此这篇关于js通过AES进行加解密(ECB、CBC模式)的文章就介绍到这了,更多相关js AES加解密内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了变量声明时命名与变量作为对象属性时命名的区别。需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
本篇文章主要介绍了谈谈第三方App接入微信登录 解读 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧。2016-12-12
以前最短的IE判定借助于IE不支持垂直制表符的特性搞出来的。2010-05-05
这篇文章主要介绍了url中传递中文参数的时候通过js解码,需要的朋友可以参考下2014-03-03
这篇文章主要介绍了JS实现的base64加密解密,以完整实例形式分析了JavaScript基于base64编码实现加密与解密的具体步骤与相关技巧,并附带了相关的加密解密在线工具地址供大家参考,需要的朋友可以参考下2016-04-04
这篇文章主要为大家详细介绍了swiper+echarts实现多个仪表盘左右滚动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
枚举是 TypeScript 中一个非常有趣且实用的特性，它可以让我们更好地组织和管理代码，下面就来和大家聊聊TypeScript中枚举的具体使用吧2023-06-06
在wabpack 核心功能除了loader应该就是plugins插件了，本文主要介绍了Webpack4 plugins 实现原理，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
这篇文章主要介绍了js获取鼠标位置的方法,结合实例形式详细分析了JavaScript响应鼠标事件获取并操作页面元素属性的相关技巧,需要的朋友可以参考下2015-12-12
cookie是有有效期的，cookie的默认有效期是从cookie生成至浏览器关闭，也可以通过设置cookie的有效期来指定其失效日期；用户也可以禁止cookie也可以手动删除cookie2014-04-04
最新评论