CryptoJs + TripleDES加密和解密与CBC模式使用Javascript

时间:2018-04-03 05:37:08

标签: javascript cryptojs tripledes cbc-mode

我正在尝试使用带有CBC模式的Triple DES算法加密给定的纯文本,但无法获得我在下面给出的所需密码文本。

我需要使用Javascript通过CryptoJs进行加密和解密,但无法执行此操作。

纯文字:" AN = 1234567890; EA = test@mycompany.com; TS = 2009-06-03 17:04:39" 所需的密文:" LK0Y / C2GWAfVguTEwFBIzlLBKsp4v61yHCUTj0iKtxcG60Hzprx / zlCofYHsjYWnJt78ao9l6cA7TE FIL + u0QA =="

Key =" 1234567890ABCDEFGHIJKLMN"

IV =" 12345678"

模式:" CBC"

算法:" TripleDES"

Javascript代码:

<!DOCTYPE html>
<html>
<head>
<title>Testing Encryption & Decryption</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/crypto-js/3.1.2/components/core.js"> 
</script>
<script src="http://cdn.bootcss.com/crypto-js/3.1.2/components/enc-base64.js"></script>
<script src="https://cdn.bootcss.com/crypto-js/3.1.2/rollups/tripledes.js"> 
</script>
<script src="https://cdn.bootcss.com/crypto-js/3.1.2/components/mode-ecb.js"></script>
<script src="https://cdn.bootcss.com/crypto-js/3.1.2/components/pad-nopadding.js"></script>
<script type="text/javascript">
var key = 'E821752166E916AEEF940855';
//CBC Mode encryption 
function encryptByDESModeCBC(message) {
var keyHex = CryptoJS.enc.Utf8.parse(key);
var ivHex = 'E8217521';//CryptoJS.enc.Utf8.parse(key);
console.log(ivHex);
encrypted = CryptoJS.DES.encrypt(message, keyHex, {
iv:ivHex,
mode: CryptoJS.mode.CBC
}
);
return encrypted.ciphertext.toString(); 
//CBC Schema decryption 
function decryptByDESModeCBC(ciphertext2) {
var keyHex = CryptoJS.enc.Utf8.parse(key);
var ivHex = CryptoJS.enc.Utf8.parse(key);
// direct decrypt ciphertext
var decrypted = CryptoJS.DES.decrypt({
ciphertext: CryptoJS.enc.Hex.parse(ciphertext2)
}, keyHex, {
iv:ivHex,
mode: CryptoJS.mode.CBC
});
return decrypted.toString(CryptoJS.enc.Utf8);
}
function test(){
 var source = $("#source").val();
 var cc = encryptByDESModeCBC(CryptoJS.enc.Utf8.parse(source));
 $("#target").val(cc);
}
function test1(){
var source = $("#sourceS").val();
var dd = decryptByDESModeCBC(source);
$("#jiemi").val(dd);
}
</script>
</head>
<body>
  <div>
    Before encryption :<textarea id="source" value="" 
     style="width:500px;height:90px;" /></textarea>
   <hr>
  After encryption :<textarea id="target" value="" 
  style="width:500px;height:90px;" ></textarea>
  <hr>
  <input type="button" onclick="test();" name="" value=" encryption " />
  <hr>
  ciphertext :<textarea id="sourceS" value="" width="400px" 
  style="width:500px;height:90px;" ></textarea>
  <hr>
  After decryption :<textarea id="jiemi" value="" 
  style="width:500px;height:90px;" ></textarea>
  <hr>
  <input type="button" onclick="test1();" name="" value=" Decrypt "/>
  </div>
  </body>
  </html>

2 个答案:

答案 0 :(得分:0)

你可以试试这个

<!DOCTYPE html>
<html>
<head>
<title>Testing Encryption & Decryption</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/crypto-js/3.1.2/components/core.js"> 
</script>
<script src="http://cdn.bootcss.com/crypto-js/3.1.2/components/enc-base64.js"></script>
<script src="https://cdn.bootcss.com/crypto-js/3.1.2/rollups/tripledes.js"> 
</script>
<script src="https://cdn.bootcss.com/crypto-js/3.1.2/components/mode-ecb.js"></script>
<script src="https://cdn.bootcss.com/crypto-js/3.1.2/components/pad-nopadding.js"></script>

</head>
<body>
  <div>
    Before encryption :<textarea id="source" value="" 
     style="width:500px;height:90px;" /></textarea>
   <hr>
  After encryption :<textarea id="target" value="" 
  style="width:500px;height:90px;" ></textarea>
  <hr>
  <!-- <input type="button" onclick="test();" name="" value=" encryption " />
   -->
  <input type="button" id="js-encypt" name="" value=" encryption " />
  <hr>
  ciphertext :<textarea id="sourceS" value="" width="400px" 
  style="width:500px;height:90px;" ></textarea>
  <hr>
  After decryption :<textarea id="jiemi" value="" 
  style="width:500px;height:90px;" ></textarea>
  <hr>
   <input type="button" id="js-decrypt" name="" value=" Decrypt "/>
<!--   <input type="button" onclick="test1();" name="" value=" Decrypt "/>
 -->  </div>
  </body>
  <script type="text/javascript">
var key = 'E821752166E916AEEF940855';
//CBC Mode encryption 

function encryptByDESModeCBC(message) {
    var ivHex = 'E8217521';//CryptoJS.enc.Utf8.parse(key);
    console.log(ivHex);
    var keyHex = CryptoJS.enc.Utf8.parse(key);
    var encrypted = CryptoJS.DES.encrypt(message, keyHex, {
        mode: CryptoJS.mode.ECB,
        padding: CryptoJS.pad.Pkcs7
    });
    console.log(encrypted.toString());
    return encrypted.toString();

}


function decryptByDESModeCBC(ciphertext) {
    var keyHex = CryptoJS.enc.Utf8.parse(key);
    // direct decrypt ciphertext
    var decrypted = CryptoJS.DES.decrypt({
        ciphertext: CryptoJS.enc.Base64.parse(ciphertext)
    }, keyHex, {
        mode: CryptoJS.mode.ECB,
        padding: CryptoJS.pad.Pkcs7
    });
    return decrypted.toString(CryptoJS.enc.Utf8);
}



$(document).on('click','#js-encypt',function(){
   var source = $("#source").val();
   var cc = encryptByDESModeCBC(CryptoJS.enc.Utf8.parse(source));
   $("#target").val(cc);
});

$(document).on('click','#js-decrypt',function(){
 var source = $("#sourceS").val();
 var dd = decryptByDESModeCBC(source);
 $("#jiemi").val(dd);
})

</script>
  </html>

答案 1 :(得分:0)

只需使用CryptoJS的TripleDes方法(CryptoJS.TripleDES.encrypt)进行加密。应该做的工作。这与您在问题中提到的要匹配。

确保将其解析为UTF-8。

let data = "AN=1234567890;EA=test@mycompany.com;TS=2009-06-03 17:04:39"
let key = "1234567890ABCDEFGHIJKLMN"
let IV = "12345678"
let cipher = CryptoJS.TripleDES.encrypt(data, CryptoJS.enc.Utf8.parse(key), {
  iv: CryptoJS.enc.Utf8.parse(IV),
  mode: CryptoJS.mode.CBC
});

console.log(cipher.toString())
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.min.js"></script>