Vue中使用crypto-js AES對稱加密算法實現(xiàn)加密解密

更新時間：2022年03月24日 09:08:44 作者：~疆

?在數(shù)字加密算法中，通過可劃分為對稱加密和非對稱加密，本文主要介紹了Vue中使用crypto-js AES對稱加密算法實現(xiàn)加密解密，文中根據(jù)實例編碼詳細介紹的十分詳盡，具有一定的參考價值，感興趣的小伙伴們可以參考一下

含義：有兩個鑰匙，及公鑰（Public Key）和私鑰（Private Key）。公鑰和私鑰是成對的存在，如果對原文使用公鑰加密，則只能使用對應的私鑰才能解密。通過私鑰經過一系列算法是可以推導出公鑰的，但是無法通過公鑰反向推倒出私鑰，這個過程的單向的。

優(yōu)點：安全，即使密文被攔截、公鑰被獲取，但是無法獲取到私鑰，也就無法破譯密文。作為接收方，務必要保管好自己的密鑰。

缺點：加密算法及其復雜，安全性依賴算法與密鑰，而且加密和解密效率很低。

下載crypto-js

cnpm i -S crypto-js

局部引用

import CryptoJS from "crypto-js";

加密解密數(shù)據(jù)

前端CBC模式或者ECB模式下的填充方式 Pkcs7，對應后端AES算法模式中的 PKCS5Padding 填充方式

AES算法的ECB模式加密-設置秘鑰

ECB(Electronic Code Book電子密碼本)模式

優(yōu)點：

簡單；
有利于并行計算；
誤差不會被擴散；

缺點:

不能隱藏明文的模式
可能對明文進行主動攻擊

因此，此模式適于加密小消息。

秘鑰必須為16進制

encryptData() {
      // 此處key為16進制
      let key = '385f33cb91484b04a177828829081ab7';
      console.log('密鑰：', key);
      // key格式化處理
      key = CryptoJS.enc.Utf8.parse(key);
      // 加密內容
      const polygonGeojson = {
        type: 'Feature',
        properties: {},
        geometry: {
          type: 'Polygon',
          coordinates: [
            [
              [106, 33],
              [108.03955078125, 32.2313896627376],
              [108.25927734375, 33.15594830078649],
              [106, 33]
            ]
          ]
        }
      };
      const content = JSON.stringify(polygonGeojson);
      console.log('加密前：', polygonGeojson);
      // 加密方法
      const encryptedContent = CryptoJS.AES.encrypt(content, key, {
        mode: CryptoJS.mode.ECB,
        padding: CryptoJS.pad.Pkcs7
      });
      const encStr = encryptedContent.ciphertext.toString();
      console.log('加密后：', encStr);
      // 解密方法
      const decryptedContent = CryptoJS.AES.decrypt(
        CryptoJS.format.Hex.parse(encStr),
        key,
        {
          mode: CryptoJS.mode.ECB,
          padding: CryptoJS.pad.Pkcs7
        }
      );
      console.log(
        '解密:',
        JSON.parse(CryptoJS.enc.Utf8.stringify(decryptedContent))
      );
    }

AES算法的CBC模式加密-設置秘鑰和偏移量

CBC(Cipher Block Chaining，加密塊鏈)模式

優(yōu)點：

不容易主動攻擊
安全性好于ECB
適合傳輸長度長的報文,是SSL、IPSec的標準。

缺點：

不利于并行計算
誤差傳遞
需要初始化向量IV

CBC模式前、后端需要確定偏移量的值，并且保持一致，這樣才能確保后端解密成功。

    encryptData() {
      // 此處key為16進制
      let key = '385f33cb91484b04a177828829081ab7';
      console.log('密鑰：', key);
      // key格式化處理
      key = CryptoJS.enc.Utf8.parse(key);
 
      // 偏移量長度為16位, 注：偏移量需要與后端定義好，保證一致
      let iv_key = '37fa77f6a3b0462d';
      let iv = CryptoJS.enc.Utf8.parse(iv_key);
      // 加密內容
      const polygonGeojson = {
        type: 'Feature',
        properties: {},
        geometry: {
          type: 'Polygon',
          coordinates: [
            [
              [106, 33],
              [108.03955078125, 32.2313896627376],
              [108.25927734375, 33.15594830078649],
              [106, 33]
            ]
          ]
        }
      };
      const content = JSON.stringify(polygonGeojson);
      console.log('加密前：', polygonGeojson);
      // 加密方法
      const encryptedContent = CryptoJS.AES.encrypt(content, key, {
        iv: iv,
        mode: CryptoJS.mode.ECB,
        padding: CryptoJS.pad.Pkcs7
      });
      const encStr = encryptedContent.ciphertext.toString();
      console.log('加密后：', encStr);
      // 解密方法
      const decryptedContent = CryptoJS.AES.decrypt(
        CryptoJS.format.Hex.parse(encStr),
        key,
        {
          iv: iv,
          mode: CryptoJS.mode.ECB,
          padding: CryptoJS.pad.Pkcs7
        }
      );
      console.log(
        '解密:',
        JSON.parse(CryptoJS.enc.Utf8.stringify(decryptedContent))
      );
    }