JS加密插件CryptoJS实现的Base64加密示例

2023年5月19日下午6:20 • JavaScript

下面是“JS加密插件CryptoJS实现的Base64加密示例”的完整攻略，包含两个示例：

1. 什么是CryptoJS？

CryptoJS是一个纯JavaScript实现的加密库，提供了很多常见的加密算法和加密模式，例如AES、DES、TripleDES、MD5、SHA-1、SHA-256等。它支持的加密方式很全面，使用简便，而且在前端中使用也非常方便。

2. Base64加密

2.1 实现方法：

Base64是一种用64个字符来表示任意二进制数据的方法。在前端开发中，我们经常将一些数据转化为Base64字符串，例如图片的src属性值。

下面是CryptoJS实现Base64加密的示例：

//引入依赖
<script src="https://cdn.staticfile.org/crypto-js/4.0.0/crypto-js.min.js"></script>
<script src="https://cdn.staticfile.org/crypto-js/4.0.0/crypto-js.enc-base64.min.js"></script>

//加密
var str = 'hello world';
var encodedStr = CryptoJS.enc.Base64.stringify(CryptoJS.enc.Utf8.parse(str));
console.log(encodedStr); //aGVsbG8gd29ybGQ=

//解密
var decodedStr = CryptoJS.enc.Utf8.stringify(CryptoJS.enc.Base64.parse(encodedStr));
console.log(decodedStr); //hello world

2.2 分析过程：

首先我们需要引入crypto-js和crypto-js.enc-base64两个文件。然后定义一个字符串变量，将字符串转成Base64格式的字符串，并打印出来。再将Base64格式的字符串解密成原字符串并打印出来。

2.3 示例1

下面是一个完整的Base64加密和解密的示例：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"/>
    <script src="https://cdn.staticfile.org/crypto-js/4.0.0/crypto-js.min.js"></script>
    <script src="https://cdn.staticfile.org/crypto-js/4.0.0/crypto-js.enc-base64.min.js"></script>
  </head>
  <body>
    <script>
      // 加密
      var str = 'hello world';
      var encodedStr = CryptoJS.enc.Base64.stringify(CryptoJS.enc.Utf8.parse(str));
      console.log(encodedStr); // aGVsbG8gd29ybGQ=

      // 解密
      var decodedStr = CryptoJS.enc.Utf8.stringify(CryptoJS.enc.Base64.parse(encodedStr));
      console.log(decodedStr); // hello world
    </script>
  </body>
</html>

在页面中引入crypto-js和crypto-js.enc-base64两个文件，然后在script标签中写上加密和解密的代码。在浏览器中打开该页面，可以看到控制台输出了加密和解密后的字符串。