uniapp AES 加密解密

雪芽蓝域zzs2025-10-13 2:36

1. uniapp AES 加密解密

1.1. 引入crypto-js

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

javascript 复制代码

npm install crypto-js

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

javascript 复制代码

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文件

javascript 复制代码

<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>