前端如何利用CryptoJS实现数据信息的加密详解

npm install crypto-js

import CryptoJS from "crypto-js";

//加密
const plaintilit = 'hello world'
const hash = CryptoJS.SH256(plaintilit).toString
console.log(hash)  // "b94d27b9934d3e08a52e52d7da7dabfac484efe37a5380ee9088f7ace2efcde9"

//设置key和对应的iv
//在CryptoJS中，CryptoJS.enc.Utf8.parse方法用于将字符串转换为UTF-8编码的字节数组，这是因为加算
//法通常需要将字符串转换为字节流进行处理。在对字符串进行加密或解密之前，需要先将其转换为字节数组。

const plaintitle = 'hello world'
const key = CryptoJS.enc.Utf8.parse('zxcvbnm')
const iv = CryptoJS.enc.Utf8.parse('zxcvbnm')

// 加密
const ciphertext = CryptoJS.AES.encrypt(plaintitle , key, { iv: iv })
console.log(ciphertext.toString())  // "U2FsdGVkX1/z9g+JQzthGtFlKeZeBjJ92Z1nxv5vxsw="

// 解密
const decrypted = CryptoJS.AES.decrypt(ciphertext, key, { iv: iv })
console.log(decrypted.toString(CryptoJS.enc.Utf8))  // "hello world"

const plaintitle = 'hello world'
const key = CryptoJS.enc.Utf8.parse('1234567890123456')
const hmac = CryptoJS.HmacSHA256(plaintitle , key).toString()
console.log(hmac)  // "f7e329a7c587374e4ed7c80b5be95c9a5997c84da20f5aaede26327bd2b705d8"

var hash = CryptoJS.MD5("Message");
console.log(hash.toString(CryptoJS.enc.Hex)); // 输出16进制格式的md5哈希值

 let str = 'ImGod';
 let str64 = window.btoa(str);
console.log('转化后：'+str64);//SW1HB2Q=
let jm = window.atob(str64);
console.log('解码后：'+jm);//ImGod

const text = '阿拉斯加'
const encodedText = encodeURIComponent(text)
console.log(encodedText,'url编码');

const textTitle = decodeURIComponent(encodedText)
console.log(textTitle,'url解码');