Crypto-js加密解密

原创已于 2023-01-12 23:15:57 修改 · 3.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

于 2022-06-15 16:47:19 首次发布

本文介绍了如何使用crypto-js库在JavaScript中进行AES加密和解密操作。首先通过npm安装crypto-js库，然后创建一个crypto.js文件，定义了加密和解密的函数，使用固定密钥和偏移量。在登录方法中，利用这些函数对用户名和密码进行加密，将加密后的数据发送到登录接口。

下载：

npm install crypto-js --save-dev

crypto-js官网     https://github.com/brix/crypto-js

在src/utils目录中新建crypto.js

const Crypto = require('crypto-js') // 引用AES源码js
// 默认的 KEY 与 iv 如果没有给
const key = Crypto.enc.Utf8.parse('AOWQ4P0YEC4YXUKS') // 十六位十六进制数作为密钥
const iv = Crypto.enc.Utf8.parse('O3V2GCL1K2HNZ9Y7') // 十六位十六进制数作为密钥偏移量


export default {
  // 解密方法
  Decrypt(word) {
    const encryptedHexStr = Crypto.enc.Hex.parse(word)
    const srcs = Crypto.enc.Base64.stringify(encryptedHexStr)
    const decrypt = Crypto.AES.decrypt(srcs, key, { iv: iv, mode: Crypto.mode.CBC, padding: Crypto.pad.Pkcs7 })
    const decryptedStr = decrypt.toString(Crypto.enc.Utf8)
    return decryptedStr.toString()
  },
  // 加密方法
  Encrypt(word) {
    const srcs = Crypto.enc.Utf8.parse(word)
    const encrypted = Crypto.AES.encrypt(srcs, key, { iv: iv, mode: Crypto.mode.CBC, padding: Crypto.pad.Pkcs7 })
    return encrypted.ciphertext.toString().toUpperCase()
  },
  // MD5 加密
  EncryptMd5(word) {
	return CryptoJS.MD5(word).toString()
  },
}

使用Crypto-js

import Crypto from '@/utils/crypto.js'

接下来在，登录方法中，接口调用前，把数据进行加密，并把加密后的数据组织好数据对象，传进登录接口就OK了。在handleLogin方法中，具体实现：

const username = Crypto.Encrypt(this.loginForm.username)
const password = Crypto.Encrypt(this.loginForm.password)
const data = {
        username: username,
        password: password
}