uni-app AES加密解密

uniapp里我知道的有两种aes加密解密方式。

一、引入crypto-js

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

npm install crypto-js

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

1.  
   /**
2.  
   * 工具类
3.  
   */
4.  
   import Vue from 'vue'
5.  
   import CryptoJS from 'crypto-js'
6.  
   let keyStr = "abcde123456";//加密密钥
7.  
   let ivStr = "yyuuide45678";//矢量
8.  
    
9.  
   //加密
10.  
    export function aes_encrypt(word){
11.  
    keyStr = keyStr ? keyStr : 'hfhfuu8dolv98bt6';
12.  
    var key = CryptoJS.enc.Utf8.parse(keyStr);
13.  
    var iv = CryptoJS.enc.Utf8.parse(ivStr);
14.  
    // var srcs = CryptoJS.enc.Utf8.parse(word);
15.  
    var encrypted = CryptoJS.AES.encrypt(word, key, {
16.  
    iv:iv,
17.  
    mode:CryptoJS.mode.CBC,
18.  
    padding: CryptoJS.pad.Pkcs7});
19.  
    return encrypted.toString();
20.  
    }
21.  
     
22.  
    //解密
23.  
    export function aes_decrypt(word){
24.  
    keyStr = keyStr ? keyStr : 'hfhfuu8dolv98bt6';
25.  
    var key = CryptoJS.enc.Utf8.parse(keyStr);//
26.  
    var iv = CryptoJS.enc.Utf8.parse(ivStr);
27.  
    // const restoreBase64 = word.replace(/\-/g,' ').replace(/_/g,'/');
28.  
    var restoreBase64=word.replace(/[\r\n]/g,'');
29.  
     
30.  
    var decrypt = CryptoJS.AES.decrypt(restoreBase64, key, {
31.  
    iv:iv,
32.  
    mode:CryptoJS.mode.CBC,
33.  
    padding: CryptoJS.pad.Pkcs7});
34.  
    return CryptoJS.enc.Utf8.stringify(decrypt).toString();
35.  
    }

 3.在main.js文件中，引入方法，并注册为全局方法

1.  
   import { aes_encrypt, aes_decrypt } from '@/utils/aes_endecrypt.js';
2.  
   Vue.prototype.aes_encrypt = aes_encrypt;
3.  
   Vue.prototype.aes_decrypt = aes_decrypt;

4.在页面中使用aes加密，解密

1.  
   var encrypt = this.aes_encrypt('123456')
2.  
   console.log('===encrypt===',encrypt);
3.  
   var decrypt = this.aes_decrypt(encrypt)
4.  
   console.log('===decrypt===',decrypt);

二、第二种方式：直接引入插件

1.在dcloud插件市场中搜索-传输加密，AES对称加密 （作者 ifloce）引入项目

2.项目main.js文件中，注册全局组件

1.  
   import AES from '@/js_sdk/ar-aes/ar-aes.js'
2.  
   Vue.prototype.AES = AES.AES

3. 在App.vue中，在methods中创建加密、解密方法

1.  
   methods: {
2.  
   //AES加密
3.  
   aesEncrypt(encrypt){
4.  
   //加密值
5.  
   var e = this.AES.encrypt(encrypt,'1234567891234567','1234567891234567')
6.  
   return e;
7.  
   },
8.  
   //AES解密
9.  
   aesDecrypt(decrypt){
10.  
    //解密值
11.  
    var d = this.AES.decrypt(decrypt,'1234567891234567','1234567891234567')
12.  
    return d;
13.  
    },
14.  
    },

4.在页面中使用aes加密解密方式

1.  
   var encrypt = getApp().aesEncrypt('abcde123');
2.  
   console.log('===encrypt===',encrypt);
3.  
   var decrypt = getApp().aesDecrypt(encrypt);
4.  
   console.log('===decrypt===',decrypt);

这篇好文章是转载于：学新通技术网