前端JS最简单的方式实现AES加解密,使用crypto-js,适用于vue、react等框架
不得不说 crypto-js 确实一个很好的库,用起来简单快捷, 把使用方法记录一下,便于项目中用到的时候再查资料。
- 普通网页JS中使用,直接引入就可以了
<script src="https://cdn.staticfile.org/crypto-js/4.0.0/crypto-js.min.js" type="text/javascript"></script>
- vue、react 等框架引入
npm install crypto-js // 或者 yarn add crypto-js
加密:
let data = CryptoJS.enc.Utf8.parse(data);
let key = CryptoJS.enc.Utf8.parse(secret_key);
let iv = CryptoJS.enc.Utf8.parse(iv);
CryptoJS.AES.encrypt(data, key, {
iv: iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.Pkcs7
}).toString();
解密:
let text = CryptoJS.enc.Utf8.parse(text);
let key = CryptoJS.enc.Utf8.parse(secret_key);
let iv = CryptoJS.enc.Utf8.parse(iv);
CryptoJS.AES.decrypt(text, parse(secret_key),{
iv: iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.Pkcs7
}).toString(CryptoJS.enc.Utf8);
评论