細說CryptoJs使用(微信小程序加密解密)

前言
CryptoJs是google推出的一款前段解密類庫.功能強大,包含很多的前段解密算法.

一.google下載地址:
二次開發版本
google原版地址
二.常用方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Testing websockets</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<!-- <script src="crypto-js.js"></script> -->
<script src="tripledes.js"></script>
<script type="text/javascript">
var key = 'BOTWAVEE';
//CBC模式加密  utf8 to base64
function encryptByDESModeCBCUtf8to64(message,key,iv) {
    //var message=CryptoJS.enc.Utf8.parse(message);
var keyHex = CryptoJS.enc.Utf8.parse(key);
        var ivHex = CryptoJS.enc.Utf8.parse(iv);
        encrypted = CryptoJS.DES.encrypt(message, keyHex, {
iv:ivHex,
mode: CryptoJS.mode.CBC,
padding:CryptoJS.pad.Pkcs7
// padding:CryptoJS.pad.Pkcs7
}
        );
        //加密 成Base64
return encrypted.ciphertext.toString(CryptoJS.enc.Base64);
}

function encryptByDESModeCBCUtf8to(message,key,iv) {
    var message=CryptoJS.enc.Utf8.parse(message);
var keyHex = CryptoJS.enc.Utf8.parse(key);
        var ivHex = CryptoJS.enc.Utf8.parse(iv);
        encrypted = CryptoJS.DES.encrypt(message, keyHex, {
iv:ivHex,
mode: CryptoJS.mode.CBC,
padding:CryptoJS.pad.Pkcs7
}
        );
        //加密 成Base64
return encrypted.ciphertext.toString();
// CryptoJS.enc.Base64
}

//CBC模式解密
function decryptByDESModeCBC(ciphertext2,key,iv) {
var keyHex = CryptoJS.enc.Utf8.parse(key);
        var ivHex = CryptoJS.enc.Utf8.parse(iv);
        // CryptoJS.enc.Base64.parse(
// direct decrypt ciphertext
var decrypted = CryptoJS.DES.decrypt({
 ciphertext: CryptoJS.enc.Base64.parse(ciphertext2)
}, keyHex, {
iv:ivHex,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.Pkcs7
});
return decrypted.toString(CryptoJS.enc.Utf8);
}

//CBC模式解密
function decryptByDESModeCBCHex(ciphertext2,key,iv) {
var keyHex = CryptoJS.enc.Utf8.parse(key);
        var ivHex = CryptoJS.enc.Utf8.parse(iv);
// direct decrypt ciphertext
var decrypted = CryptoJS.DES.decrypt({
ciphertext: CryptoJS.enc.Hex.parse(ciphertext2)
}, keyHex, {
iv:ivHex,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.Pkcs7
});

return decrypted.toString(CryptoJS.enc.Utf8);
}

//DES  ECB模式加密
function encryptByDESModeEBC(message){
var keyHex = CryptoJS.enc.Utf8.parse(key);
var encrypted = CryptoJS.DES.encrypt(message, keyHex, {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7
});
return encrypted.ciphertext.toString();
}

//DES  ECB模式解密
function decryptByDESModeEBC(ciphertext){
var keyHex = CryptoJS.enc.Utf8.parse(key);
var decrypted = CryptoJS.DES.decrypt({
ciphertext: CryptoJS.enc.Hex.parse(ciphertext)
}, keyHex, {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7
});
var result_value = decrypted.toString(CryptoJS.enc.Utf8);
return result_value;
}

function test0(){
var source = $("#source").val();
// CryptoJS.enc.Utf8.parse(
var cc = encryptByDESModeCBCUtf8to(source,"rrettre","234234234");
$("#target").val(cc);
}

function test(){
var source = $("#source").val();
// CryptoJS.enc.Utf8.parse(
var cc = encryptByDESModeCBCUtf8to64(source,"rrettre","234234234");
$("#target").val(cc);
}

function test1(){
var source = $("#sourceS").val();
var dd = decryptByDESModeCBC(source,"rrettre","234234234");
$("#jiemi").val(dd);
}

function test2(){
var source = $("#sourceS").val();
var dd = decryptByDESModeCBCHex(source,"rrettre","234234234");
$("#jiemi").val(dd);
}
</script>
</head>
<body>
 <div>
加密前:<textarea id="source" value=""  style="width:500px;height:90px;" /></textarea>
<hr>
加密後:<textarea id="target" value="" style="width:500px;height:90px;" ></textarea>

<hr>
<input type="button" onclick="test();" name="" value="加密" />
<input type="button" onclick="test0();" name="" value="加密" />

<hr>
密文:<textarea id="sourceS" value="" width="400px"  style="width:500px;height:90px;" ></textarea>
<hr>
解密後:<textarea id="jiemi" value="" style="width:500px;height:90px;" ></textarea>
<hr>
<input type="button" onclick="test1();" name="" value="解密"/>

<input type="button" onclick="test2();" name="" value="解密Hex"/>
 </div>
</body>
</html>

三.心得體會
1.google版本的源碼,可以選擇一種解密方式的文件,非常適合對解密文件大小有限制的項目.
細說CryptoJs使用(微信小程序加密解密)
2.二次開發版本,有全量包,跟google的使用方式相同.
四.微信小程序使用CryptoJs.
微信小程序引用類庫文件,需要將對象 以module.export的形式,或其他小程序支持的形式輸出,才能正常使用.
例如一下方式:
細說CryptoJs使用(微信小程序加密解密)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章