前端JS最简单的方式实现AES加解密,使用crypto-js,适用于vue、react等框架

不得不说 crypto-js 确实一个很好的库,用起来简单快捷, 把使用方法记录一下,便于项目中用到的时候再查资料。

  1. 普通网页JS中使用,直接引入就可以了
<script src="https://cdn.staticfile.org/crypto-js/4.0.0/crypto-js.min.js" type="text/javascript"></script>
  1. 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);