JavaScript實現加密與解密詳解
更新時間：2022年06月03日 10:08:06 作者：springsnow
這篇文章介紹了JavaScript實現加密與解密詳解的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
目前原生JS貌似并沒有提供MD5計算相關的函數方法，只能自己實現或者使用前輩大神寫好的。
一、使用crypto.js庫進行加密
GitHub的 https://github.com/brix/crypto-js 上下載該js。
它可以單獨引入所需要加密方式的js；也可以引入一個crypto-js.js 這個文件，它相當于引入了所有的加密方式。
用法：
<script type="text/javascript" src="path-to/bower_components/crypto-js/crypto-js.js"></script>
<script type="text/javascript">
var encrypted = CryptoJS.AES(...);
var encrypted = CryptoJS.SHA256(...);
</script>1、舉例：
Hash加密：
//加密實例一
console.log("加密結果一 MD5:"+CryptoJS.MD5("你好"));
//加密實例二
var pwd="passwor";
console.log("加密結果二 Hmac-MD5: "+CryptoJS.HmacMD5("你好",pwd));AES對稱加密：
普通文本加密
// 加密
var ciphertext = CryptoJS.AES.encrypt('my message', 'secret key 123').toString();
// 解密
var bytes = CryptoJS.AES.decrypt(ciphertext, 'secret key 123');
var originalText = bytes.toString(CryptoJS.enc.Utf8);
console.log(originalText); // 'my message'對象加密
var data = [{id: 1}, {id: 2}]
// 加密
var ciphertext = CryptoJS.AES.encrypt(JSON.stringify(data), 'secret key 123').toString();
// 解密
var bytes = CryptoJS.AES.decrypt(ciphertext, 'secret key 123');
var decryptedData = JSON.parse(bytes.toString(CryptoJS.enc.Utf8));
console.log(decryptedData); // [{id: 1}, {id: 2}]Custom Key and IV
var key = CryptoJS.enc.Utf8.parse('AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA'); //密鑰
var iv = CryptoJS.enc.Utf8.parse('1234567812345678');
// 加密
var encrypted = CryptoJS.AES.encrypt("Message", key, { iv: iv });
// 解密
var decrypted =CryptoJS.AES.decrypt(encrypted,key,
{
iv:iv,
mode:CryptoJS.mode.CBC,
padding:CryptoJS.pad.Pkcs7
});
var originalText = decrypted.toString(CryptoJS.enc.Utf8); Block Modes and Padding
var key = CryptoJS.enc.Utf8.parse('AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA'); //密鑰
var iv = CryptoJS.enc.Utf8.parse('1234567812345678');
var encrypted =CryptoJS.AES.encrypt("Message", ,key,
{
iv:iv,
mode:CryptoJS.mode.CBC,
padding:CryptoJS.pad.Pkcs7
}); //返回的是base64格式的密文2、API
See: https://cryptojs.gitbook.io/docs/
編碼工具：
var words = CryptoJS.enc.Base64.parse("SGVsbG8sIFdvcmxkIQ==");
?var base64 = CryptoJS.enc.Base64.stringify(words);
?
var words = CryptoJS.enc.Hex.parse("48656c6c6f2c20576f726c6421");
?var hex = CryptoJS.enc.Hex.stringify(words);
?
var words = CryptoJS.enc.Utf8.parse("");
?var utf8 = CryptoJS.enc.Utf8.stringify(words);二、使用JavaScript-MD5庫進行加密
GitHub的 https://github.com/blueimp/JavaScript-MD5 上下載該js。
舉例：
Calculate the (hex-encoded) MD5 hash of a given string value:
var hash = md5('value') // "2063c1608d6e0baf80249c42e2be5804"
var v1= md5('{"name":"嘻嘻嘻嘻嘻嘻嘻嘻嘻","age":22}'); //56b21847ed32d2d96cf74077b22342ebCalculate the (hex-encoded) HMAC-MD5 hash of a given string value and key:
var hash = md5('value', 'key') // "01433efd5f16327ea4b31144572c67f6"Calculate the raw MD5 hash of a given string value:
var hash = md5('value', null, true)Calculate the raw HMAC-MD5 hash of a given string value and key:
var hash = md5('value', 'key', true)到此這篇關于JavaScript實現加密與解密詳解的文章就介紹到這了。希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了JavaScript全屏和退出全屏事件,先通過window.ieIsfSceen = false或true進行判斷是否為全屏，在進行進入全屏和退出全屏的操作,需要的朋友可以參考下2017-08-08
Uni-app是一個基于Vue.js開發(fā)跨平臺應用的框架,它可以將代碼編譯成多個平臺下的原生應用,這篇文章主要給大家介紹了關于uni-app瀑布流效果的相關資料,需要的朋友可以參考下2023-12-12
關于javascript sort()排序你可能忽略的一點理解
最近在研究Javascript發(fā)現了其中一些之前忽略的問題，所以想著總結分享出來，下面這篇文章主要給大家介紹了關于javascript sort()排序你可能忽略的一點理解，文中介紹的非常詳細，需要的朋友可以參考借鑒，下面來一起看看吧。2017-07-07
這篇文章主要介紹了JS中的form.submit()不能提交表單的錯誤原因,本文最后得出結論是按鈕的ID、名稱不要使用submit,需要的朋友可以參考下2014-10-10
這篇文章主要為大家介紹了JSONP解決同源策略限制引起跨域問題原理解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
JavaScript數據結構yocto queue隊列鏈表代碼分析
這篇文章主要為大家介紹了JavaScript數據結構yocto queue隊列鏈表代碼分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
這篇文章主要源碼解讀了Bootstrap下拉菜單，介紹了Bootstrap各式各樣的下拉菜單,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
JavaScript動態(tài)添加css樣式和script標簽
這篇文章主要介紹了JavaScript動態(tài)添加css樣式和script標簽的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
下面小編就為大家?guī)硪黄猨s原生代碼實現輪播圖的實例講解。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
本文主要對JavaScript中String對象的方法進行介紹。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01