DES概述

DES全称为Data Encryption Standard，即数据加密标准，是一种使用密钥加密的块算法，1977年被美国联邦政府的国家标准局确定为联邦资料处理标准（FIPS），并授权在非密级政府通信中使用，随后该算法在国际上广泛流传开来。需要注意的是，在某些文献中，作为算法的DES称为数据加密算法（Data Encryption Algorithm,DEA），已与作为标准的DES区分开来。

DES 这种古老的算法还是作为简单的加密算法在被使用，因为它已经是可以破解的，所以对于安全性有较高要求的应用场景基本还是使用的RSA

vue DES使用crypto-js

vue 加密相关的库使用最多的就是crypto-js
crypto-js 是一个纯 javascript 写的加密算法类库 ，可以非常方便地在 javascript 进行 MD5、SHA1、SHA2、SHA3、RIPEMD-160 哈希散列，进行 AES、DES、Rabbit、RC4、Triple DES 加解密。

官网描述

https://cryptojs.gitbook.io/docs/

DES这段是讲：
DES是以前用于加密的主要算法，并已作为正式的联邦信息处理标准（FIPS）发布。由于密钥太小，现在认为DES是不安全的。
3DES是对每块应用DES三次，以增加秘钥大小。该算法现在被认为是安全的。
所以用的话标准就直接使用3DES就可以了，基本就认为不会被破解了。

我们可以看到官网直接就把AES和DES（Triple DES）放一起了，因为用法除了把AES和DES这个名称换一下，其他的没有什么区别。

//加密 Message 待加密信息，Secret Passphrase 秘钥
var encrypted = CryptoJS.DES.encrypt("Message", "Secret Passphrase");

​//解密 encrypted 待解密信息，Secret Passphrase 秘钥
var decrypted = CryptoJS.DES.decrypt(encrypted, "Secret Passphrase");

还有其他的MD5 SHA就不展开了。

客户秘钥和初始向量

Custom Key 客户秘钥

DES的秘钥对于我们来说就是字母数字或者字符的组合，可以直接约定秘钥或者随机生成就可以了。

可以随机从 A-Z a-z 0-9 符号：!@#$%^&*中取指定数量字符

//随机生成指定位数的key
export function generatekey(num) {
    let library = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*";
    let key = "";
    for (var i = 0; i < num; i++) {
        let randomPoz = Math.floor(Math.random() * library.length);
        key += library.substring(randomPoz, randomPoz + 1);
    }
    return key;
}

但这个key还需要经过转换才可以使用

For the key, when you pass a string, it's treated as a passphrase and used to derive an actual key and IV. 
Or you can pass a WordArray that represents the actual key. 
If you pass the actual key, you must also pass the actual IV.

/* 支持的parse modules
crypto-js/enc-latin1
crypto-js/enc-utf8
crypto-js/enc-hex
crypto-js/enc-utf16
crypto-js/enc-base64 */

//具体使用
var key = CryptoJS.enc.Hex.parse("000102030405060708090a0b0c0d0e0f");
var key = cryptoJs.enc.Utf8.parse("123456");

IV 初始向量

块模式和填充方式

Block Modes and Padding

Block Modes 块模式：

CryptoJS supports the following modes:

CBC (the default) 加密块链模式
CFB 加密反馈模式
CTR
OFB 输出反馈模式
ECB 电子密码本模式

crypto-js/mode-cfb
crypto-js/mode-ctr
crypto-js/mode-ctr-gladman
crypto-js/mode-ofb
crypto-js/mode-ecb

这个具体的有点多，这里就不展开了，可以看一下另外一篇 DES加密模式详解，主要了解一下支持这些方式，每个方式的参数需要调整一下。这块没注意的话错就比较难找了。

Padding 填充方式

CryptoJS supports the following padding schemes:
Pkcs7 (the default)
Iso97971
AnsiX923
Iso10126
ZeroPadding
NoPadding

crypto-js/pad-pkcs7
crypto-js/pad-ansix923
crypto-js/pad-iso10126
crypto-js/pad-iso97971
crypto-js/pad-zeropadding
crypto-js/pad-nopadding

这个具体的也有点多，这里就不展开了

指定块模式和填充方式

var encrypted = CryptoJS.AES.encrypt("Message", "Secret Passphrase", {
  mode: CryptoJS.mode.CFB,
  padding: CryptoJS.pad.AnsiX923
});

第三个参数就提供了我们可以修改块模式和填充方式的地方。

因为js和java中DES的默认参数就不一样，不带块模式和填充方式的话肯定就两边算法不一致了，所以这个参数就需要与后台的保持一致。

封装的方法

添加相关依赖

npm install crypto-js

或者直接在vue ui中搜索添加

DES加密

//DES加密
export function encryptDes(message, key) {
    var keyHex = cryptoJs.enc.Utf8.parse(key)
    /* 这里的模式参数需要和后端匹配 mode.ECB，mode.CBC*/
    var encrypted = cryptoJs.DES.encrypt(message, keyHex, { 
    	mode: cryptoJs.mode.ECB, 
    	padding: cryptoJs.pad.Pkcs7 
    });
    return encrypted.ciphertext.toString();
}

DES解密

//DES解密
export function decryptDes(message, key) {
    var keyHex = cryptoJs.enc.Utf8.parse(key)
    var decrypted = cryptoJs.DES.decrypt(
        {
            ciphertext: cryptoJs.enc.Hex.parse(message)
        },
        keyHex,
        {
            mode: cryptoJs.mode.ECB,
            padding: cryptoJs.pad.Pkcs7
        }
    )
    return decrypted.toString(cryptoJs.enc.Utf8)
}

如果是AES的话就直接把D都改成A就可以了

方法使用

引入封装好的方法

import { generatekey, encryptDes, decryptDes } from '@/utils/crypt/des'

var key = generatekey(8);
// DES敏感字段加密
req.data.password = encryptDes(req.data.password, key);
console.log(decryptDes(req.data.password, key))

扩展DES相关

已知破解DES的6种方法

在线算法一致性验证工具