作者聲明：本博客中所寫的文章，都是博主自學過程的筆記，參考了很多的學習資料，學習資料和筆記會註明出處，所有的內容都以交流學習為主。有不正確的地方，歡迎批評指正

本文主要是參考aicoder馬倫老師的博客

JS 的加密庫簡介

作為前端，數據提交到後臺之前，重要的數據要進行加密一下，雖然已經有 https 等技術，但是增加一道前端的加密還是相對更安全的。雖然，前端的加密很容破解，但是有總比沒有強。

尤其是涉及到用戶名和密碼，最好加密後再進行發送 ajax 請求。

比較流行的前端加密庫

• 斯坦福大學的js 加密庫
• crypto-js

md5 加密

md5 加密算法是一種哈希算法，雖然已經被王小雲博士找到了碰撞破解的方法，但是如果進行幾次 md5 加密，破解難度就很高，所以目前依然可以使用。

以下是單獨的 md5 加密幫助文件的使用：

• 第一步： 下載 md5 的 js 文件

• 第二步：引入 js 文件

• 第三步： 調用加密方法

<script type="text/ecmascript" src="md5.js"></script>
<script type="text/javascript">  
  var hashHex = hex_md5("123dafd"); // 返回16進制的加密結果：a0deb4d124159da796c0e935ac8fbaa1
  var hashBase64 = b64_md5("123dafd"); // 返回 base64的加密結果：oN600SQVnaeWwOk1rI+6oQ
  var hashStr = str_md5("123dafd");  // 返回字符串的哈希結果： T′?$?§?àé5??o?
</script>
 
Click to copy

sh1 哈希加密

這個加密算法，非常出名，相對比較安全。建議使用。

• 第一步：下載 sh1 加密 js

• 第二步：頁面中引入 sha1.js，調用方法為

• 第三步: 編寫代碼

var shaHex = hex_sha1(‘mima123465‘); // 07f804138ac308f552b17d7881105a9cb08758ca
var shaBase64 = b64_sha1(‘mima123465‘); // B/gEE4rDCPVSsX14gRBanLCHWMo
var shaStr = str_sha1(‘mima123465‘); // ????R±}x?Z?°?Xê
 
Click to copy

base64 加密和解密

下載 base64.js

var b = new Base64();
var str = b.encode(‘admin:admin‘);
alert(‘base64 encode:‘ + str); //解密
str = b.decode(str);
alert(‘base64 decode:‘ + str);

JS加密庫