本文實例講述了JS加密插件CryptoJS實現AES加密操作。分享給大家供大家參考,具體如下:
最近在做一個項目,考慮到數據的安全性,我們要給數據在傳輸過程中加密,防止一些惡意的操作以及爬蟲抓取數據。
首先看看這個CryptoJS的目錄結構

主要是兩個文件夾,components和rollups
第一個是組件,第二個是匯總。
在匯總文件夾中的文件是在組件一個或多個文件夾拼接后壓縮的。
這使得匯總獨立的文件夾在你的項目納入項目文件,而無需擔心它的依賴。
你可以在這里查看匯總文件和組件之間的關系:
https://code.google.com/p/crypto-js/source/browse/tags/3.1.2/builder/build.yml
首先在項目中引入對應的加密文件,我們用的是AES,同時用RequireJS來加載JS,在配置中聲明路徑:
require.config({ baseUrl: "/Public/Home/Js/lib", paths: { hzbAES:'../module/hzb.AES' }});首先把加密解密封裝好為一個模塊
//模塊初始化var init=function () { key = CryptoJS.enc.Utf8.parse(CryptoJS.MD5(ym.hezubao).toString()); iv = CryptoJS.enc.Utf8.parse(CryptoJS.MD5(key).toString().substr(0,16));}function encrypt(data) { var encrypted=''; if(typeof(data)=='string') { encrypted = CryptoJS.AES.encrypt(data,key,{ iv : iv, mode : CryptoJS.mode.CBC, padding : CryptoJS.pad.ZeroPadding }); }else if(typeof(data)=='object'){ data = JSON.stringify(data); encrypted = CryptoJS.AES.encrypt(data,key,{ iv : iv, mode : CryptoJS.mode.CBC, padding : CryptoJS.pad.ZeroPadding }) } return encrypted.toString();}/*AES解密* param : message 密文* return : decrypted string 明文*/function decrypt(message) { decrypted=''; decrypted=CryptoJS.AES.decrypt(message,key,{ iv : iv, mode : CryptoJS.mode.CBC, padding : CryptoJS.pad.ZeroPadding }); return decrypted.toString(CryptoJS.enc.Utf8);}解釋一下代碼:
JSON.parse()一下才能用。在代碼中調用
require(['hzbAES'], function(hzbAES){ var jsonData={'id':2,'username':'春天的熊'};//json格式數據(加密支持json格式和字符串格式) $('#btn_test').click(function () { var encrypt=hzbAES.encrypt(jsonData); console.log('前臺發過去的數據:'+encrypt);//已加密 $.getJSON(UrlGenerator.url(2,'Home','Index','test'),{'data':encrypt},function (data) { if(!data['error']) { var decrypt=JSON.parse(hzbAES.decrypt(data['data'])); console.log('后臺發過來的數據:');//已解密 console.log(decrypt); }else{ console.log(data['error']); } }) });});PS:關于加密解密感興趣的朋友還可以參考本站在線工具:
在線AES加密/解密工具:
http://tools.VeVB.COm/password/aes_encode
文字在線加密解密工具(包含AES、DES、RC4等):
http://tools.VeVB.COm/password/txt_encode
在線編碼轉換工具(utf-8/utf-32/Punycode/Base64):
http://tools.VeVB.COm/transcoding/decode_encode_tool
BASE64編碼解碼工具:
http://tools.VeVB.COm/transcoding/base64
在線MD5/hash/SHA-1/SHA-2/SHA-256/SHA-512/SHA-3/RIPEMD-160加密工具:
http://tools.VeVB.COm/password/hash_md5_sha
在線sha1/sha224/sha256/sha384/sha512加密工具:
http://tools.VeVB.COm/password/sha_encode
更多關于JavaScript相關內容可查看本站專題:《JavaScript加密解密技巧匯總》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答