前端js几种加密/解密方法

博主：想长胖的阿鹏
发布时间：2021 年 10 月 09 日
618次浏览
暂无评论
3560字数
分类：随便写写

> 转载文章，排版可能出现错误，建议到原文阅读：[前端js几种加密/解密方法 - 简书 (jianshu.com)](https://www.jianshu.com/p/4c236d83ea04)

## 一、base64加密

[base64的github地址](https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fdankogai%2Fjs-base64)

示例

```xml
<html>
    <head>
        <title>前端的base64使用方法</title>
    </head>
    <body>
    </body>
<script>
var str = "hello";
var str64 = window.btoa("hello");
console.log("字符串是:"+str);
console.log("经base64编码后:"+str64);
console.log("base64解码后:"+window.atob(str64));
</script>
</html>
```

![](https://blog.zpzp.xyz/usr/uploads/2021/10/3501016084.png)

输出结果

## 二、MD5加密（不可逆）

[MD5加密的github地址](https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fblueimp%2FJavaScript-MD5)

> 关于MD5：
> MD5.js是通过前台js加密的方式对用户信息，密码等私密信息进行加密处理的工具，也可称为插件。

> MD5共有6种加密方法：
> 1， hex\_md5\(value\)
> 2， b64\_md5\(value\)
> 3， str\_md5\(value\)
> 4， hex\_hmac\_md5\(key, data\)
> 5， b64\_hmac\_md5\(key, data\)
> 6， str\_hmac\_md5\(key, data\)

[md5代码下载地址——点此下载](https://links.jianshu.com/go?to=http%3A%2F%2Ffiles.cnblogs.com%2Ftuyile006%2Fmd5.rar)

下载好了用script 标签引入使用

```xml
<script src="md5/md5.js"></script>"></script>
    <script>
        var code = "123456";
        var username = "123456";
        var password = "123456";
        var str1 = hex_md5("123456");
        var str2 = b64_md5("123456");
        var str3 = str_md5("123456");
        var str4 = hex_hmac_md5(code,code);
        var str5 = b64_hmac_md5(username,username);
        var str6 = str_hmac_md5(password,password);
        console.log(str1);            // e10adc3949ba59abbe56e057f20f883e
        console.log(str2);            // 4QrcOUm6Wau+VuBX8g+IPg
        console.log(str3);            // áÜ9IºY«¾VàWò��>
        console.log(str4);            // 30ce71a73bdd908c3955a90e8f7429ef
        console.log(str5);            // MM5xpzvdkIw5VakOj3Qp7w
        console.log(str6);            // 0Îq§;Ý��9U©��t)ï
</script>
```

![](https://blog.zpzp.xyz/usr/uploads/2021/10/72836138.png)

输出结果

## 三、sha1加密（不可逆）

[sha1的github地址](https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Femn178%2Fjs-sha1)

此处没找到sha1.js下载地址，所以在bootcdn中找在线文件到引入，需要的可自行从bootcdn中下载

```xml
<script src="https://cdn.bootcss.com/js-sha1/0.6.0/sha1.js"></script>
<script type="text/javascript">
        var sha1_1 = sha1("mosquito~");
        console.log(sha1_1);
        var sha1_2 = sha1("admin:1001");
        console.log(sha1_2);
</script>
```

![](https://blog.zpzp.xyz/usr/uploads/2021/10/567058731.png)

输出结果

## 四、编码和解码字符串

使用JS函数的escape\(\)和unescape\(\)，分别是编码和解码字符串

```xml
<script type="text/javascript">
      var escape1 =escape("我的名字是：mosquito~");//编码
      console.log(escape1);
      var unescape1 = unescape(escape1); //解码
      console.log(unescape1);
</script>
```

![](https://blog.zpzp.xyz/usr/uploads/2021/10/944873261.png)

输出结果

## 五、AES/DES加密解密

下载crypto-js.js 引入使用 网址是[点击下载](https://links.jianshu.com/go?to=https%3A%2F%2Fcdnjs.com%2Flibraries%2Fcrypto-js)

```jsx
var aseKey = "12345678"     //秘钥必须为：8/16/32位
var message = "80018000142";
//加密
var encrypt = CryptoJS.AES.encrypt(message, CryptoJS.enc.Utf8.parse(aseKey), {
  mode: CryptoJS.mode.ECB,
  padding: CryptoJS.pad.Pkcs7
}).toString();
console.log(encrypt);    //VKrZlqykem73x8/T2oCfCQ==

//解密
var decrypt = CryptoJS.AES.decrypt(encrypt, CryptoJS.enc.Utf8.parse(aseKey), {
  mode: CryptoJS.mode.ECB,
  padding: CryptoJS.pad.Pkcs7
}).toString(CryptoJS.enc.Utf8);
console.log(decrypt);    //80018000142
```

【注】：加密的时候必须转成字符串 使用toString。 解密的时候 必须使用utf8的格式

## 其他

[RSA加密](https://links.jianshu.com/go?to=https%3A%2F%2Fblog.csdn.net%2Frznice%2Farticle%2Fdetails%2F78033572)
[sha256 js 前端加密](https://links.jianshu.com/go?to=https%3A%2F%2Fwww.cnblogs.com%2Flguow%2Fp%2F9472895.html)

最后修改：2021 年 10 月 09 日 10 : 03 AM

要多恰饭才能长胖