功能: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是一个散列算法,不能进行加解密。

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

相关文章
|
21天前
|
JavaScript 前端开发
js实现点击音频实现播放功能
js实现点击音频实现播放功能
|
21天前
|
前端开发 JavaScript
使用JavaScript实现复杂功能:构建一个自定义的拖拽功能
使用JavaScript实现复杂功能:构建一个自定义的拖拽功能
|
6天前
|
存储 JavaScript 前端开发
JavaScript实现记住用户名功能
JavaScript实现记住用户名功能
|
8天前
|
存储 JavaScript 前端开发
笔.COOL,一个功能完备、使用便捷的在线HTML/CSS/JS以及Vue编辑器和作品分享平台
笔.COOL是一个新兴的在线 HTML/CSS/JS 及 Vue 编辑器,提供实时预览和云端存储功能。用户可以随时随地编写和保存代码,同时分享作品给他人预览和学习。它也是一个实用的 BUG 复现工具,支持嵌入编辑器到博客,促进代码交流。社区活跃,适合开发者展示作品、获取灵感和学习。
|
21天前
|
JavaScript 前端开发 测试技术
编写JavaScript模块化代码主要涉及将代码分割成不同的文件或模块,每个模块负责处理特定的功能或任务
【5月更文挑战第10天】编写JavaScript模块化代码最佳实践:使用ES6模块或CommonJS(Node.js),组织逻辑相关模块,避免全局变量,封装细节。利用命名空间和目录结构,借助Webpack处理浏览器环境的模块。编写文档和注释,编写单元测试以确保代码质量。通过这些方法提升代码的可读性和可维护性。
22 3
|
21天前
|
JavaScript 前端开发
JavaScript实现识别二维码信息功能
JavaScript实现识别二维码信息功能
14 1
|
21天前
|
JavaScript
js实现全屏功能——易懂版
js实现全屏功能——易懂版
12 0
|
21天前
|
JavaScript 前端开发 API
如何利用JavaScript和Electron构建具有丰富功能的桌面应用
【4月更文挑战第30天】如何利用JavaScript和Electron构建具有丰富功能的桌面应用
9 0
|
21天前
|
JavaScript 前端开发
实现一个JavaScript动态日期功能
实现一个JavaScript动态日期功能
|
21天前
|
JavaScript 前端开发
JavaScript模糊搜索功能
JavaScript模糊搜索功能