摘要:支持多種加解密方案這里主要記錄一下使用進(jìn)行位的加解密前端加密是不安全的不安全的不安全的初始化一個(gè)文件直接全部回車就行啦安裝在同級(jí)目錄下新建一個(gè)文件寫入以下內(nèi)容導(dǎo)入包定義加解密的都放這里了加密還有啥意義設(shè)置數(shù)據(jù)塊長(zhǎng)度生成密鑰字節(jié)數(shù)
crypto-js支持多種加/解密方案, 這里主要記錄一下使用 crypto-js 進(jìn)行 AES 128位 的加/解密;
前端加密是不安全的, 不安全的, 不安全的;
// 初始化一個(gè) package.json 文件, 直接全部回車就行啦; $ yarn init // 安裝 crypto-js; $ yarn add crypto-js
在 package.json 同級(jí)目錄下新建一個(gè) crypto.js 文件, 寫入以下內(nèi)容:
// 導(dǎo)入 crypto-js 包 const CryptoJS = require("crypto-js"); // 定義加/解密的 key(key都放這里了, 加密還有啥意義!^_^) const initKey = "123!@#"; // 設(shè)置數(shù)據(jù)塊長(zhǎng)度 const keySize = 128; /** * 生成密鑰字節(jié)數(shù)組, 原始密鑰字符串不足128位, 補(bǔ)填0. * @param {string} key - 原始 key 值 * @return Buffer */ const fillKey = (key) => { const filledKey = Buffer.alloc(keySize / 8); const keys = Buffer.from(key); if (keys.length < filledKey.length) { filledKey.map((b, i) => filledKey[i] = keys[i]); } return filledKey; } /** * 定義加密函數(shù) * @param {string} data - 需要加密的數(shù)據(jù), 傳過(guò)來(lái)前先進(jìn)行 JSON.stringify(data); * @param {string} key - 加密使用的 key */ const aesEncrypt = (data, key) => { /** * CipherOption, 加密的一些選項(xiàng): * mode: 加密模式, 可取值(CBC, CFB, CTR, CTRGladman, OFB, ECB), 都在 CryptoJS.mode 對(duì)象下 * padding: 填充方式, 可取值(Pkcs7, AnsiX923, Iso10126, Iso97971, ZeroPadding, NoPadding), 都在 CryptoJS.pad 對(duì)象下 * iv: 偏移量, mode === ECB 時(shí), 不需要 iv * 返回的是一個(gè)加密對(duì)象 */ const cipher = CryptoJS.AES.encrypt(data, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7, iv: "", }); // 將加密后的數(shù)據(jù)轉(zhuǎn)換成 Base64 const base64Cipher = cipher.ciphertext.toString(CryptoJS.enc.Base64); // 處理 Android 某些低版的BUG const resultCipher = base64Cipher.replace(/+/g,"-").replace(///g,"_"); // 返回加密后的經(jīng)過(guò)處理的 Base64 return resultCipher; } /** * 定義解密函數(shù) * @param {string} encrypted - 加密的數(shù)據(jù); * @param {string} key - 加密使用的 key */ const aesDecrypt = (encrypted, key) => { // 先將 Base64 還原一下, 因?yàn)榧用艿臅r(shí)候做了一些字符的替換 const restoreBase64 = encrypted.replace(/-/g,"+").replace(/_/g,"/"); // 這里 mode, padding, iv 一定要跟加密的時(shí)候完全一樣 // 返回的是一個(gè)解密后的對(duì)象 const decipher = CryptoJS.AES.decrypt(restoreBase64, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7, iv: "", }); // 將解密對(duì)象轉(zhuǎn)換成 UTF8 的字符串 const resultDecipher = CryptoJS.enc.Utf8.stringify(decipher); // 返回解密結(jié)果 return resultDecipher; } // 獲取填充后的key const key = CryptoJS.enc.Utf8.parse(fillKey(initKey)); // 定義需要加密的數(shù)據(jù) const data = {"password":"qwe123!@#","userName":"[email protected]"}; // 調(diào)用加密函數(shù) const encrypted = aesEncrypt(JSON.stringify(data), key); // 調(diào)用解密函數(shù) const decrypted = aesDecrypt(encrypted, key); // 控制臺(tái)輸出查看結(jié)果 console.log("加密結(jié)果: ", encrypted); console.log("解密結(jié)果: ", decrypted);
最后可以在 node 環(huán)境下運(yùn)行查看一下結(jié)果:
$ node crypto.js 加密結(jié)果: GFkA5wmbOgi47TX8lfhAsACwLbFnhUByAfB2Xe3iuOl0DN6pk-EOM9mqHPoU9oo-mIEzQDhCr0_jPtnhKCPRfg== 解密結(jié)果: {"password":"qwe123!@#","userName":"[email protected]"}
為了驗(yàn)證結(jié)果是否正確, 可以去網(wǎng)上找一個(gè)AES加/解密的工具對(duì)比一下;
以下是在網(wǎng)上找的工具加密的結(jié)果:
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/88404.html
摘要:合適和夠用是最完美的追求。個(gè)人網(wǎng)站最近剛寫了一個(gè)手機(jī)在線播放的電影站基于的加密和對(duì)此加密的解密及相同加密方式最近使用做了一個(gè)電影電視劇在線播放的的小站,使用到的是的進(jìn)行實(shí)時(shí)抓取,其中遇到了加密的問(wèn)題,遂解決之,才有了這篇總結(jié)。 關(guān)于作者 程序開(kāi)發(fā)人員,不拘泥于語(yǔ)言與技術(shù),目前主要從事PHP和前端開(kāi)發(fā),使用Laravel和VueJs,App端使用Apicloud混合式開(kāi)發(fā)。合適和夠用是...
摘要:合適和夠用是最完美的追求。個(gè)人網(wǎng)站最近剛寫了一個(gè)手機(jī)在線播放的電影站基于的加密和對(duì)此加密的解密及相同加密方式最近使用做了一個(gè)電影電視劇在線播放的的小站,使用到的是的進(jìn)行實(shí)時(shí)抓取,其中遇到了加密的問(wèn)題,遂解決之,才有了這篇總結(jié)。 關(guān)于作者 程序開(kāi)發(fā)人員,不拘泥于語(yǔ)言與技術(shù),目前主要從事PHP和前端開(kāi)發(fā),使用Laravel和VueJs,App端使用Apicloud混合式開(kāi)發(fā)。合適和夠用是...
摘要:最近遇到的幾個(gè)網(wǎng)站在提交密碼時(shí)提交的已經(jīng)是密文,也就是說(shuō)在網(wǎng)絡(luò)上傳輸?shù)拿艽a是密文,這樣提升了密碼在網(wǎng)絡(luò)傳輸中的安全性。今天一起來(lái)了解一下基于的前后端加解密流程。由于是塊加密,銘文被分割成固定長(zhǎng)度的塊一般是字節(jié)長(zhǎng)度,所以也是字節(jié)。 最近遇到的幾個(gè)網(wǎng)站在提交密碼時(shí)提交的已經(jīng)是密文,也就是說(shuō)在網(wǎng)絡(luò)上傳輸?shù)拿艽a是密文,這樣提升了密碼在網(wǎng)絡(luò)傳輸中的安全性。 后端語(yǔ)言加解密已經(jīng)有很成熟的方案了,前...
摘要:一般情況下,很少會(huì)在前端進(jìn)行加解密的操作,因?yàn)闆](méi)有太大的必要性,前端的代碼是很容易看到的,即使這樣,我覺(jué)得還是有比較處理一下的,至少不讓別人一眼就看到信息我使用存儲(chǔ)了一些用戶的用戶名昵稱等的信息,通過(guò)進(jìn)行加解密處理,這里我選用了加密算法對(duì) 一般情況下,很少會(huì)在前端進(jìn)行加解密的操作,因?yàn)闆](méi)有太大的必要性,前端的代碼是很容易看到的,即使這樣,我覺(jué)得還是有比較處理一下的,至少不讓別人一眼就看...
摘要:安裝秘鑰加密加密明文加密結(jié)果解密解密密文解密結(jié)果解密解密后,需要按照的方式將明文轉(zhuǎn)位字符串使用引入加密 安裝 npm install crypto-js --save unit.js import CryptoJS from crypto-js; //秘鑰 const CRYPTOJSKEY= abcdefghighkml; export default { //加密 ...
閱讀 2805·2021-11-17 09:33
閱讀 2185·2021-09-03 10:40
閱讀 548·2019-08-29 18:45
閱讀 2969·2019-08-29 16:21
閱讀 622·2019-08-29 11:11
閱讀 3406·2019-08-26 12:00
閱讀 2959·2019-08-23 18:19
閱讀 1101·2019-08-23 12:18