国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JS加密插件CryptoJS實現AES加密操作示例

2019-11-19 13:14:39
字體:
來源:轉載
供稿:網友

本文實例講述了JS加密插件CryptoJS實現AES加密操作。分享給大家供大家參考,具體如下:

最近在做一個項目,考慮到數據的安全性,我們要給數據在傳輸過程中加密,防止一些惡意的操作以及爬蟲抓取數據。

  • 用到的庫:CryptoJS 官方地址https://code.google.com/archive/p/crypto-js/

首先看看這個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);}

解釋一下代碼:

  • 我們加密的模式選的是CBC的,然后填充模式是填充0,這個是前后臺約定的,請謹慎。加密秘鑰要求是32位長字符串(通過md5加密確保32位,算法限制),iv初始化向量是16位長度的字符串。這兩個東西不懂的話,看看AES加密的條件。
  • 要注意的是,在加密完成后的字符串是經過Base64加密的,也就是說,后臺解密模塊必須要求考慮字符編碼問題,這個由項目實際來決定。可以把他先轉出UTF8的然后再傳遞給后臺。我這里后臺是介紹Base64加密后的,所以就不用轉碼了。
  • 解密之后要轉成UTF8喔,如果后臺給的數據是JSON的話,要用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程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 西青区| 柯坪县| 全南县| 万盛区| 苍南县| 平南县| 铜鼓县| 静安区| 达尔| 南丹县| 游戏| 永丰县| 桃江县| 石柱| 永安市| 梁平县| 遵义县| 历史| 乌兰县| 满洲里市| 贵港市| 兴山县| 黄山市| 瓮安县| 高要市| 清水县| 平邑县| 车致| 乐至县| 晋州市| 屏山县| 东光县| 双峰县| 玛多县| 玉田县| 咸阳市| 永康市| 囊谦县| 广德县| 剑川县| 永修县|