前端的加密最为常见的就是使用crypto-js加密库，那么我们要如何使用该加密库来实现如md5加密、aes加密解密、des加密解密操作呢？

常见使用为三种方式：在线加密解密工具、前端使用加密库处理、后端加密处理

一、在线加密解密工具

1.1、在线实现MD5加密《点击进入》

1.2、在线实现AES使用密钥进行加密或解密《点击进入》

1.3、在线实现DES使用密钥进行加密或解密《点击进入》

二、前端使用加密库处理

2.1、使用之前需要先安装crypto-js加密库：

npm install crypto-js

2.2、安装成功后，开始引入安装库

import CryptoJS from "crypto-js";

2.3、使用crypto-js实现md5加密

//16位长度
CryptoJS.MD5(this.encryptionData).toString().substring(8,24)
//32位长度
CryptoJS.MD5(this.encryptionData).toString()

2.4、使用crypto-js实现des加密解密

//加密
CryptoJS.DES.encrypt(this.encryptionData, this.encryptionKey).toString();
//解密
var bytes  = CryptoJS.DES.decrypt(this.encryptionData, this.encryptionKey);
bytes.toString(CryptoJS.enc.Utf8)

2.5、使用crypto-js实现aes加密解密

//加密
CryptoJS.AES.encrypt(JSON.stringify(this.encryptionData), this.encryptionKey).toString();
//解密
var bytes  = CryptoJS.AES.decrypt(this.encryptionData, this.encryptionKey);
bytes.toString(CryptoJS.enc.Utf8)

以上便是使用crypto-js加密库来实现三种方式的加密及解密操作。