一、需求背景及crypto实现原理
待补充
二、安装使用
2.1、安装
yarn add crypto-js
2.2、在utils.js引入插件
const CryptoJS = require('crypto-js')
2.3、utils.js文件里 封装加密、解密方法
- const key = CryptoJS.enc.Utf8.parse('xxxx_aes_v1_mweb')
- // 解密方法
- export function Decrypt(word) {
- let decrypt = CryptoJS.AES.decrypt(word, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 })
- let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8)
- return decryptedStr.toString()
- }
- // 加密方法
- export function Encrypt(word) {
- let srcs = CryptoJS.enc.Utf8.parse(word)
- let encrypted = CryptoJS.AES.encrypt(srcs, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 })
- return encrypted.toString()
- }
2.4、页面使用
2.4.1、引入方法
import { Encrypt, Decrypt } from '@const/utils';
2.4.2、使用
- let EData = Encrypt(111111)
- console.log('151', EData)
- console.log('151', Decrypt(EData))
2.4.3、效果
2.5、相关
很多情况说到加解密会想到MD5,MD5是一个散列算法,不能进行加解密。
三、欢迎交流指正,关注我,一起学习
四、参考链接:
crypto-js 加密、解密使用方法_deardanyang的博客-CSDN博客_crypto-js