功能:crypto-js加密解密

简介: 功能:crypto-js加密解密

一、需求背景及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是一个散列算法,不能进行加解密。

三、欢迎交流指正,关注我,一起学习

相关文章
|
19天前
|
JavaScript 前端开发
js实现点击音频实现播放功能
js实现点击音频实现播放功能
|
19天前
|
前端开发 JavaScript
使用JavaScript实现复杂功能:构建一个自定义的拖拽功能
使用JavaScript实现复杂功能:构建一个自定义的拖拽功能
|
2月前
|
JavaScript 前端开发
js制作九宫格抽奖功能
js制作九宫格抽奖功能
23 0
|
20小时前
|
JavaScript 前端开发
实现一个JavaScript动态日期功能
实现一个JavaScript动态日期功能
|
21小时前
|
JavaScript
js隔行换色功能制作详情
js隔行换色功能制作详情
|
12天前
|
JavaScript 安全 前端开发
|
18天前
|
JavaScript
如何用JS实现表格隔行换色功能
如何用JS实现表格隔行换色功能
8 0
|
18天前
|
JavaScript 前端开发
如何用JS实现选项卡功能
如何用JS实现选项卡功能
13 0
|
19天前
|
前端开发 JavaScript 数据可视化
使用JavaScript实现复杂功能:动态数据可视化的构建
使用JavaScript实现复杂功能:动态数据可视化的构建
|
19天前
|
存储 前端开发 JavaScript
使用JavaScript实现复杂功能——一个交互式音乐播放器
使用JavaScript实现复杂功能——一个交互式音乐播放器