區別
ECB: 是一種基礎的加密方式,密文被分割成分組長度相等的塊(不足補齊),然後單獨一個個加密,一個個輸出組成密文。
CBC: 是一種循環模式,前一個分組的密文和當前分組的明文異或或操作後再加密,這樣做的目的是增強破解難度。(不容易主動攻擊,安全性好於ECB,是SSL、IPSec的標準)
1.先安裝 crypto-js
npm install crypto-js --save-dev
2.ECB模式: (寫在utils.js文件中)
import CryptoJS from "crypto-js";
/**
*
* 第一個參數word是待加密或者解密的字符串;
* 第二個參數keyStr是aes加密需要用到的16位字符串的key;
*
* 如果想對一個js對象加密,需要先把該對象轉成json字符串。
*/
export default {
// 加密
encrypt(word, keyStr) {
keyStr = keyStr ? keyStr : "absoietlj32fai12";
let key = CryptoJS.enc.Utf8.parse(keyStr);
let srcs = CryptoJS.enc.Utf8.parse(word);
let encrypted = CryptoJS.AES.encrypt(srcs, key, {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7
});
return encrypted.toString();
},
// 解密
decrypt(word, keyStr) {
keyStr = keyStr ? keyStr : "absoietlj32fai12";
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();
}
};
3.CBC模式:
import CryptoJS from "crypto-js";
/**
*
* 第一個參數word是待加密或者解密的字符串;
* 第二個參數keyStr是aes加密需要用到的16位字符串的key;
* 第三個參數是初始化向量 iv。
*/
export default {
// 加密
encrypt(word, keyStr, ivStr) {
keyStr = keyStr ? keyStr : "absoietlj32fai12";
ivStr = ivStr ? ivStr : "absoietlj32fai12";
let key = CryptoJS.enc.Utf8.parse(keyStr);
let iv = CryptoJS.enc.Utf8.parse(ivStr);
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();
},
// 解密
decrypt(word, keyStr, ivStr) {
keyStr = keyStr ? keyStr : "absoietlj32fai12";
ivStr = ivStr ? ivStr : "absoietlj32fai12";
var key = CryptoJS.enc.Utf8.parse(keyStr);
let iv = CryptoJS.enc.Utf8.parse(ivStr);
var decrypt = CryptoJS.AES.decrypt(word, key, {
iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.ZeroPadding
});
return decrypt.toString(CryptoJS.enc.Utf8);
}
};
4.結果測試
在需要使用加密解密方法的vue組件中引入 CryptoJS.js 文件即可
import CryptoJS from '../utils/CryptoJS'
// ...
savePwd(e){
let a = CryptoJS.encrypt("asdfg123456")
let b = CryptoJS.decrypt(a)
console.log(a);
console.log(b);
}
輸出結果:
原文鏈接:https://blog.csdn.net/AiHuanhuan110/article/details/99302114