cryptojs中aes前端加密方式

最新推荐文章于 2025-05-09 11:55:57 发布

原创

最新推荐文章于 2025-05-09 11:55:57 发布 · 5.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#加密

本文介绍了如何在前端使用CryptoJS进行AES加密，重点是引入所需的aes.js和pad-zeropadding-min.js文件，并展示了加密代码示例。加密过程中，key和iv需要与后端Java代码保持一致。在Angular环境中，作者将加密方法封装为过滤器，方便在应用中直接调用，如：`$scope.username`即为加密后的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

引入文件：

下载地址：

aes.js:https://download.youkuaiyun.com/download/qq_23521659/10665052

pad-zeropadding-min.js:https://download.youkuaiyun.com/download/qq_23521659/10665056

加密的代码是：

function encrypt(data) {
    var key  = CryptoJS.enc.Latin1.parse('ea3ac5b2af5c11e8');
    var iv   = CryptoJS.enc.Latin1.parse('f92aaa9aaf5c11e8');
    return CryptoJS.AES.encrypt(data, key, {iv:iv, mode:CryptoJS.mode.CBC, padding: CryptoJS.pad.ZeroPadding}).toString();
}

这里的 key和iv的参数值是和后台java约定好的，其他一样；

我使用在了angular环境里，所以把加密方法封装成了过滤器：