当前位置：首页 > news >正文

uniapp AES 加密解密

news 2025/10/11 7:36:32

1. uniapp AES 加密解密

1.1. 引入crypto-js

需要在uniapp项目根目录里，打开命令行，执行如下命令：

npm install crypto-js

在这里插入图片描述

1.2. 在项目根目录，创建一个utils文件夹，并创建一个aesEndecryptHelper.js文件

import CryptoJS from 'crypto-js';
let ivStr = 'yyuuide45678'; // 矢量
let keyStr = "kexieapp@M2JXU1N"// 加密密钥
/*** AES加解密工具类*//*** 加密*/
const aes_encrypt = (word) => {keyStr = keyStr ? keyStr : 'sabcderw7894';var key  = CryptoJS.enc.Utf8.parse(keyStr);var srcs = CryptoJS.enc.Utf8.parse(word);var encrypted = CryptoJS.AES.encrypt(srcs, key,{mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});return encrypted.toString();
};/*** 解密*/
const aes_decrypt = (word) => {console.log('===decryptword===',word);keyStr = keyStr ? keyStr : 'sabcderw7894';var key  = CryptoJS.enc.Utf8.parse(keyStr);//var decrypt = CryptoJS.AES.decrypt(word, key,{mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});return CryptoJS.enc.Utf8.stringify(decrypt).toString();
};export default {aes_encrypt: aes_encrypt,aes_decrypt: aes_decrypt,
}

1.3. 在项目根目录，创建一个utils文件夹，并创建一个aesEndecryptHelper.js文件

<template><view><view class="">加密：{{encrypt_str}}</view><view class="">解密：{{decrypt_str}}</view></view>
</template><script>
import aesEndecryptHelper from '../../../helper/aesEndecryptHelper.js';
export default {data() {return {str: 'Hello123',encrypt_str: '',decrypt_str: '',}},mounted() {let encrypt_str = aesEndecryptHelper.aes_encrypt("123456");let decrypt_str = aesEndecryptHelper.aes_decrypt(encrypt_str);this.encrypt_str=encrypt_str;this.decrypt_str=decrypt_str;},methods: {}
}
</script>