vue使用AES.js的步驟詳解
AES加密的使用
對數據傳輸加密、解密處理—AES.js
第一步:
在vue中安裝crypto-js依賴
npm install crypto-js –save-dev
第二步:
在static目錄下新建一個AES.js文件,例如:
第三步:
在AES.js中填寫如下代碼
import CryptoJS from "crypto-js"; // npm install crypto-js --save-dev //隨機生成指定數量的32進制key export default { generatekey(num) { let library = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; let key = ""; for (var i = 0; i < num; i++) { let randomPoz = Math.floor(Math.random() * library.length); key += library.substring(randomPoz, randomPoz + 1); } return key; }, //加密 encrypt(word, keyStr) { keyStr = keyStr ? keyStr : "CXMGNcYwTrtsadQmV935ONNXMUycpG1g"; //判斷是否存在ksy,不存在就用定義好的key var key = CryptoJS.enc.Utf8.parse(keyStr); var srcs = CryptoJS.enc.Utf8.parse(word); var encrypted = CryptoJS.AES.encrypt(srcs, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 }); return encrypted.toString(); }, //解密 decrypt(word, keyStr) { keyStr = keyStr ? keyStr : "CXMGNcYwTrtsadQmV935ONNXMUycpG1g"; var key = CryptoJS.enc.Utf8.parse(keyStr); var decrypt = CryptoJS.AES.decrypt(word, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 }); return CryptoJS.enc.Utf8.stringify(decrypt).toString(); } };
第四步:
在需要使用加密的地方引入
import AES from “@/common/AES.js”;
第五步:
調用
//如果是對象/數組的話,需要先JSON.stringify轉換成字符串 //調用加密方法 var encrypts = AES.encrypt(JSON.stringify(cars),keys); //調用解密方法 var dess = JSON.parse(AES.decrypt(encrypts,keys)); console.log(encrypts) console.log(encrypts.length) console.log(dess)
到此這篇關於vue使用AES.js的步驟詳解的文章就介紹到這瞭,更多相關vue使用AES.js內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- JavaScript實現加密與解密詳解
- 前端加密cryptojs與JSEncrypt使實例詳解
- python des,aes,rsa加解密的實現
- Python使用Crypto庫實現加密解密的示例詳解
- SpringBoot安全策略開發之集成數據傳輸加密