欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript實(shí)現(xiàn)加密與解密詳解

 更新時(shí)間：2022年06月03日 10:08:06   作者：springsnow  
這篇文章介紹了JavaScript實(shí)現(xiàn)加密與解密詳解的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

目前原生JS貌似并沒(méi)有提供MD5計(jì)算相關(guān)的函數(shù)方法，只能自己實(shí)現(xiàn)或者使用前輩大神寫好的。

一、使用crypto.js庫(kù)進(jìn)行加密

GitHub的 https://github.com/brix/crypto-js 上下載該js。

它可以單獨(dú)引入所需要加密方式的js；也可以引入一個(gè)crypto-js.js 這個(gè)文件，它相當(dāng)于引入了所有的加密方式。

用法：

<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加密：

//加密實(shí)例一
  console.log("加密結(jié)果一 MD5:"+CryptoJS.MD5("你好")); 
  
//加密實(shí)例二  
var pwd="passwor";
console.log("加密結(jié)果二 Hmac-MD5:   "+CryptoJS.HmacMD5("你好",pwd));

AES對(duì)稱加密：

普通文本加密

// 加密
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'

對(duì)象加密

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庫(kù)進(jìn)行加密

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}'); //56b21847ed32d2d96cf74077b22342eb

Calculate 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)

到此這篇關(guān)于JavaScript實(shí)現(xiàn)加密與解密詳解的文章就介紹到這了。希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

  • JavaScript全屏和退出全屏事件總結(jié)（附代碼）

    JavaScript全屏和退出全屏事件總結(jié)（附代碼）

    這篇文章主要介紹了JavaScript全屏和退出全屏事件,先通過(guò)window.ieIsfSceen = false或true進(jìn)行判斷是否為全屏，在進(jìn)行進(jìn)入全屏和退出全屏的操作,需要的朋友可以參考下
    2017-08-08
  • uni-app瀑布流效果實(shí)現(xiàn)方法

    uni-app瀑布流效果實(shí)現(xiàn)方法

    Uni-app是一個(gè)基于Vue.js開發(fā)跨平臺(tái)應(yīng)用的框架,它可以將代碼編譯成多個(gè)平臺(tái)下的原生應(yīng)用,這篇文章主要給大家介紹了關(guān)于uni-app瀑布流效果的相關(guān)資料,需要的朋友可以參考下
    2023-12-12
  • 關(guān)于javascript sort()排序你可能忽略的一點(diǎn)理解

    關(guān)于javascript sort()排序你可能忽略的一點(diǎn)理解

    最近在研究Javascript發(fā)現(xiàn)了其中一些之前忽略的問(wèn)題，所以想著總結(jié)分享出來(lái)，下面這篇文章主要給大家介紹了關(guān)于javascript sort()排序你可能忽略的一點(diǎn)理解，文中介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。
    2017-07-07
  • JS中的form.submit()不能提交表單的錯(cuò)誤原因

    JS中的form.submit()不能提交表單的錯(cuò)誤原因

    這篇文章主要介紹了JS中的form.submit()不能提交表單的錯(cuò)誤原因,本文最后得出結(jié)論是按鈕的ID、名稱不要使用submit,需要的朋友可以參考下
    2014-10-10
  • JSONP解決同源策略限制引起跨域問(wèn)題原理

    JSONP解決同源策略限制引起跨域問(wèn)題原理

    這篇文章主要為大家介紹了JSONP解決同源策略限制引起跨域問(wèn)題原理解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-08-08
  • JavaScript數(shù)據(jù)結(jié)構(gòu)yocto queue隊(duì)列鏈表代碼分析

    JavaScript數(shù)據(jù)結(jié)構(gòu)yocto queue隊(duì)列鏈表代碼分析

    這篇文章主要為大家介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)yocto queue隊(duì)列鏈表代碼分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
    2022-12-12
  • Bootstrap源碼解讀下拉菜單（4）

    Bootstrap源碼解讀下拉菜單（4）

    這篇文章主要源碼解讀了Bootstrap下拉菜單，介紹了Bootstrap各式各樣的下拉菜單,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2016-12-12
  • JavaScript動(dòng)態(tài)添加css樣式和script標(biāo)簽

    JavaScript動(dòng)態(tài)添加css樣式和script標(biāo)簽

    這篇文章主要介紹了JavaScript動(dòng)態(tài)添加css樣式和script標(biāo)簽的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
    2016-07-07
  • js原生代碼實(shí)現(xiàn)輪播圖的實(shí)例講解

    js原生代碼實(shí)現(xiàn)輪播圖的實(shí)例講解

    下面小編就為大家?guī)?lái)一篇js原生代碼實(shí)現(xiàn)輪播圖的實(shí)例講解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-07-07
  • JavaScript中String對(duì)象的方法介紹

    JavaScript中String對(duì)象的方法介紹

    本文主要對(duì)JavaScript中String對(duì)象的方法進(jìn)行介紹。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧
    2017-01-01

最新評(píng)論