vue使用crypto-js进行加密解密操作

星陈~

已于 2022-06-29 13:40:58 修改

阅读量3.6k

点赞数 1

分类专栏： js 前端 vue.js 文章标签： vue.js javascript 前端

于 2022-02-15 17:05:06 首次发布

本文链接：https://blog.csdn.net/zsq199771/article/details/122948371

版权

前端同时被 3 个专栏收录

90 篇文章 0 订阅

订阅专栏

58 篇文章 0 订阅

订阅专栏

vue.js

49 篇文章 0 订阅

订阅专栏

本文介绍了如何在JavaScript中使用CryptoJS库进行AES加密和解密操作。通过npm安装crypto-js库，然后创建JS文件引入该库。示例代码展示了加密和解密函数的实现，包括设置密钥、偏移量、加密模式和填充方式。AES是一种高效且安全的加密标准，适用于数据保护。

摘要由CSDN通过智能技术生成

CryptoJS加密

npm install crypto-js --save-dev或cnpm install crypto-js --save-dev

创一个js文件并引入（vue页面内require引入会有问题）

const CryptoJS = require('crypto-js');  //引用AES源码js

const key = CryptoJS.enc.Utf8.parse("xxxxxx");  //十六位十六进制数作为密钥
const iv = CryptoJS.enc.Utf8.parse('xxxxxx');   //十六位十六进制数作为密钥偏移量

//解密方法
function Decrypt(word) {
  if(!word) return
    let encryptedHexStr = CryptoJS.enc.Hex.parse(word);
    let srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr);
    let decrypt = CryptoJS.AES.decrypt(srcs, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 });
    let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
    return decryptedStr.toString();
}

//加密方法
function Encrypt(word) {
  if(!word) return
    let srcs = CryptoJS.enc.Utf8.parse(word);
    let encrypted = CryptoJS.AES.encrypt(srcs, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 });
    return encrypted.ciphertext.toString().toUpperCase();
}

export {
    Decrypt ,
    Encrypt
}

AES 高级加密标准，是下一代的加密算法标准，速度快，安全级别高
DES 数据加密标准，适用于大量数据加密
TripleDES 是DES的增强版
RC4 流加密算法，密钥长度可变
HmacSHA1 键控哈希算法（密钥与消息数据混合）
encrypt加密 / decrypt解密
srcs 加密的字符串
key 密钥值得注意的是密钥的长度，对称加密算法AES-128-CBC算法，数据采用 PKCS#7 填充，因此这里的 key 需要为16位！
iv 密钥偏移量

mode 加密模式 【CBC ECB CFB OFB CTRGladman(CTR)】
paddig 填充方式 【 NoPadding ZeroPadding Pkcs7(Pkcs5) Iso10126 Iso97971 AnsiX923
srcs值 有四种方法

let srcs = CryptoJS.enc.Utf8.parse(utf8String)
let srcs = CryptoJS.enc.Latin1.parse(latin1String)
let srcs = CryptoJS.enc.Hex.parse(hexString)
let srcs = CryptoJS.enc.Base64.parse(base64String);