快捷導(dǎo)航

前端使用crypto.js進(jìn)行加密的函數(shù)代碼

更新時(shí)間：2020年08月16日 00:19:02 作者：OverZeal

最近在使用Cookies加密保存數(shù)據(jù)的時(shí)候，接觸到crypto，使用還算簡(jiǎn)單，在這里記錄一下

crypto-js 是一個(gè)純 javascript 寫的加密算法類庫(kù) ，可以非常方便地在 javascript 進(jìn)行 MD5、SHA1、SHA2、SHA3、RIPEMD-160 哈希散列，進(jìn)行 AES、DES、Rabbit、RC4、Triple DES 加解密。

可以在這個(gè)GitHub的https://github.com/brix/crypto-js上下載該js，它可以單獨(dú)引入所需要加密方式的js；也可以引入一個(gè)crypto-js.js 這個(gè)文件，它相當(dāng)于引入了所有的加密方式，我使用的就是后者一次引入所有的加密文件，這個(gè)文件也不是很大，還可以接受。

因?yàn)槲业男枨笫羌用芸赡妫哂幸欢ǖ陌踩?對(duì)安全性要求不高)，所以使用DES或AES即可，我用的是AES：

function getAesString(data,key,iv){//加密
  var key = CryptoJS.enc.Utf8.parse(key);
  var iv  = CryptoJS.enc.Utf8.parse(iv);
  var encrypted =CryptoJS.AES.encrypt(data,key,
    {
      iv:iv,
      mode:CryptoJS.mode.CBC,
      padding:CryptoJS.pad.Pkcs7
    });
  return encrypted.toString();  //返回的是base64格式的密文
}
function getDAesString(encrypted,key,iv){//解密
  var key = CryptoJS.enc.Utf8.parse(key);
  var iv  = CryptoJS.enc.Utf8.parse(iv);
  var decrypted =CryptoJS.AES.decrypt(encrypted,key,
    {
      iv:iv,
      mode:CryptoJS.mode.CBC,
      padding:CryptoJS.pad.Pkcs7
    });
  return decrypted.toString(CryptoJS.enc.Utf8);   
}

function getAES(data){ //加密
  var key = 'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA'; //密鑰
  var iv  = '1234567812345678';
  var encrypted =getAesString(data,key,iv); //密文
  var encrypted1 =CryptoJS.enc.Utf8.parse(encrypted);
  return encrypted;
}

function getDAes(data){//解密
  var key = 'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA'; //密鑰
  var iv  = '1234567812345678';
  var decryptedStr =getDAesString(data,key,iv);
  return decryptedStr;
}

key和iv我們都可以更換，但是需要保證的是加解密的key和iv保持一致

到此這篇關(guān)于前端使用crypto.js進(jìn)行加密的函數(shù)代碼的文章就介紹到這了,更多相關(guān)crypto.js加密內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

幾句話帶你理解JS中的this、閉包、原型鏈
在javascript前端開發(fā)階段經(jīng)常會(huì)遇到this，閉包，原型鏈知識(shí)，那么大家對(duì)這三種的基本知識(shí)理解嗎？今天小編就帶領(lǐng)大家一起學(xué)習(xí)this，閉包，原型鏈的知識(shí)，感興趣的朋友一起看看吧
2016-09-09
五種js判斷是否為整數(shù)類型方式
這篇文章主要介紹了五種JavaScript判斷是否為整數(shù)類型方式，需要的朋友可以參考下
2015-12-12
JavaScript中的FileReader圖片預(yù)覽上傳功能實(shí)現(xiàn)代碼
本文通過(guò)實(shí)例代碼給大家介紹了js中的FileReader圖片預(yù)覽上傳功能，代碼分為html和js代碼兩部分，具體實(shí)現(xiàn)代碼大家參考下本文
2017-07-07
JS手機(jī)端touch事件計(jì)算滑動(dòng)距離的方法示例
這篇文章主要介紹了JS手機(jī)端touch事件計(jì)算滑動(dòng)距離的方法,結(jié)合實(shí)例形式分析了javascript響應(yīng)手機(jī)端屏幕上touch事件計(jì)算滑動(dòng)距離的相關(guān)操作技巧,需要的朋友可以參考下
2017-10-10
jqgrid 表格數(shù)據(jù)導(dǎo)出實(shí)例
jqgrid并沒(méi)有自帶導(dǎo)出表格數(shù)據(jù)的方法，這里就自己實(shí)現(xiàn)了一個(gè)，嘗試過(guò)在頁(yè)面直接將數(shù)據(jù)導(dǎo)出，發(fā)現(xiàn)只有IE下可以通過(guò)調(diào)用saveas來(lái)實(shí)現(xiàn)，但是別的瀏覽器不支持，于是考慮將數(shù)據(jù)傳回后臺(tái)，然后后臺(tái)返回下載文件來(lái)實(shí)現(xiàn)
2013-11-11
Javascript實(shí)現(xiàn)Vue跨組件通信的方法詳解
這篇文章主要為大家詳細(xì)介紹了Vue的跨組件通信，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助
2022-03-03
使用classList來(lái)實(shí)現(xiàn)兩個(gè)按鈕樣式的切換方法
下面小編就為大家分享一篇使用classList來(lái)實(shí)現(xiàn)兩個(gè)按鈕樣式的切換方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-01-01
深入了解JavaScript中遞歸的理解與實(shí)現(xiàn)
本文將通過(guò)遞歸的經(jīng)典案例：求斐波那契數(shù)來(lái)講解遞歸，通過(guò)畫遞歸樹的方式來(lái)講解其時(shí)間復(fù)雜度和空間復(fù)雜度以及遞歸的執(zhí)行順序，感興趣的可以了解一下
2022-06-06
js中的bigint類型轉(zhuǎn)化為json字符串時(shí)報(bào)無(wú)法序列化的問(wèn)題
JSON序列化指將JSON對(duì)象轉(zhuǎn)換為JSON字符串,J實(shí)現(xiàn)方式有兩種：一種是調(diào)用JSON對(duì)象內(nèi)置的stringify()函數(shù),一種是為對(duì)象自定義toJSON()函數(shù),本文重點(diǎn)介紹js中的bigint類型轉(zhuǎn)化為json字符串時(shí)報(bào)無(wú)法序列化的問(wèn)題,感興趣的朋友一起看看吧
2024-01-01
javascript for循環(huán)設(shè)法提高性能
讓你的for循環(huán)提升性能的寫法，需要的朋友可以參考下。
2010-02-02