uniapp实现AES加密解密(纯前端)

*AES加密解密在线网站 http://www.ip33.com/crypto/aes.html
在这里插入图片描述


uniapp实现AES加密解密(纯前端)-方法


一、页面中引入、调用

import tools from "../../static/js/tools.js";//tools.js的位置
//加密
let datajAes = tools.setAES('69703333'); // 4be4af2aa167c4bb6c07d5a7c8eae3ec
//解密
let dataresultAes = tools.decryptAES("4be4af2aa167c4bb6c07d5a7c8eae3ec"); // 69703333

二、AES 加密、解密

1、安装 crypto-js

// 如果npm无法安装,可以尝试 cnpm
npm i crypto-js -S

2、一般封装使用 tools.js

import CryptoJS from "crypto-js";
// import CryptoJS from "../../node_modules/crypto-js/crypto-js.js";//一般npm以后都是这个位置
let KEY = '自己的key'
let IV = '';//我感觉可以不写,反正我没有写(看你们需求)
let tools = {
	/*aes加密*/
	setAES(str) {
		const data = CryptoJS.enc.Hex.parse(str);
		const key = CryptoJS.enc.Hex.parse(KEY);
		const iv = CryptoJS.enc.Hex.parse(IV);
		var option = {
			iv: iv,
			mode: CryptoJS.mode['CBC'],//看需求变“CBC”
			padding: CryptoJS.pad['ZeroPadding']//看需求变“ZeroPadding”
		};
		var encrypted = CryptoJS.AES.encrypt(data, key, option);
		const words = encrypted.ciphertext;
		var hex = CryptoJS.enc.Hex.stringify(words);
		return hex
	},
	/*aes解密*/
	decryptAES(str) {
		console.log("str", str)
		let data = CryptoJS.enc.Hex.parse(str);
		const key = CryptoJS.enc.Hex.parse(KEY);
		const iv = CryptoJS.enc.Hex.parse(IV);
		var option = {
			iv: iv,
			mode: CryptoJS.mode['CBC'],//看需求变“CBC”
			padding: CryptoJS.pad['ZeroPadding']//看需求变“ZeroPadding”
		};
		data = CryptoJS.enc.Base64.stringify(data);
		const words = CryptoJS.AES.decrypt(data, key, option);
		var hex = CryptoJS.enc.Hex.stringify(words);
		return hex
	}

};

export default tools;

有用就点个赞。,白嫖不灵的
*如果没用可以参考 https://blog.csdn.net/tjcjava/article/details/115708067
我是看着然后二改的
  • 19
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
以下是一个简单的uniapp中使用AES加密和解密的示例代码: ```javascript // 加密 function encryptData(data, key, iv) { const cipher = uniCrypto.createCipheriv('aes-128-cbc', key, iv) let encrypted = cipher.update(data, 'utf8', 'base64') encrypted += cipher.final('base64') return encrypted } // 解密 function decryptData(data, key, iv) { const decipher = uniCrypto.createDecipheriv('aes-128-cbc', key, iv) let decrypted = decipher.update(data, 'base64', 'utf8') decrypted += decipher.final('utf8') return decrypted } // 使用示例 const data = 'Hello World!' const key = '1234567812345678' const iv = '8765432187654321' const encrypted = encryptData(data, key, iv) console.log('加密后的数据:', encrypted) const decrypted = decryptData(encrypted, key, iv) console.log('解密后的数据:', decrypted) ``` 在上面的代码中,`encryptData`函数接收要加密的数据、加密密钥和初始化向量(iv),并使用`uniCrypto.createCipheriv`方法创建一个AES加密器,然后使用`cipher.update`和`cipher.final`方法进行加密,最后返回加密后的数据。 `decryptData`函数接收要解密的数据、解密密钥和初始化向量(iv),并使用`uniCrypto.createDecipheriv`方法创建一个AES解密器,然后使用`decipher.update`和`decipher.final`方法进行解密,最后返回解密后的数据。 在使用时,只需将要加密的数据、加密密钥和初始化向量(iv)传递给`encryptData`函数即可获得加密后的数据,将加密后的数据、解密密钥和初始化向量(iv)传递给`decryptData`函数即可获得解密后的数据。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值