无遮挡18禁啪啪免费观看 I 秋霞成人av I brandilove欧美三区 I 激情偷乱人伦小说视频 I 人人插人人艹 I www.亚洲com I 波多野结衣av高清一区二区三区 I 精品无码国产污污污免费网站 I 美女张开腿给男人桶爽久久 I 国产精品久久久久久久免费 I 国内精品久久99 I 亚洲精品无码专区 I 亚洲免费视频一区二区 I 午夜xxx I 国产一区啪啪 I 丝袜激情网 I 日韩精品久久久久久久 I 欧美香蕉视频 I 成人片免费看 I 天天色综合2 I 寡妇被老头舔到高潮的视频 I 亚洲第一页在线 I 国产放荡av国产精品 I 在线精品视频一区二区 I 免费黄色片在线观看 I 秋霞伊人网 I www.伊人 I 久草在线91 I 女人啪啪免费av大片 I 欧美一区二区综合 I 精品久久久久久天美传媒 I 黄色工厂在线观看 I 91精品国产色综合 I 动漫美女被到爽 I 丁香午夜激情

VueJs里利用CryptoJs實現Md5加密和3Des加密及解密

2021-5-18 前端達人

前言

前我們介紹的用于vue用于數據簽名的操作，《【干貨】Vue TypeScript根據類生成簽名字符串》，其目的就是用于生成這個再轉MD5加密的模式進行校驗，原來我們在C#和Android里面已經實現這些方式，因為前端準備用Vue來做，所以加密這塊少不了也需要實現的。

安裝Crypto

Crypto里面可以把md5和3des都一起做了，所以我們直接安裝這個比較方便

找到我們的程序目錄，按住Shift加鼠標右鍵，選擇在此處打開Powershell窗口

然后在cmd窗口里面輸入npm install crypto-js -save-dev

安裝完成后可以看到紅框下面標注著成功了。

代碼演示

MD5加密

我們還是用上次簽名的那個項目里面，首先要先引用Crypto-js

getmd5，我們再寫一個GetMd5的方法，傳入的字符串直接生成MD5的字符返回，

接下來再定義一個雙向綁定的字符串，在點擊簽名的時候同時生成md5的字符串顯示的頁面上

運行后的效果

3DES加密、解密

核心代碼

加密

   Encrypt3Des(str: string, aStrKey: string, ivstr: string): string {
        const KeyHex = CryptoJS.enc.Utf8.parse(aStrKey);
        const encrypted = CryptoJS.TripleDES.encrypt(str,
            KeyHex,
            {
                mode: CryptoJS.mode.CBC,
                padding: CryptoJS.pad.Pkcs7,
                iv: CryptoJS.enc.Utf8.parse(ivstr)
            });
        let hexstr = encrypted.ciphertext.toString().toUpperCase();
        console.log(hexstr);
        return hexstr;
    }

一般網上的加解密最后紅框這里我們直接是輸出 return encrypted.tostring()，但是因為我們自己的C#和Android的3Des的加解密都是最后輸出的16進制的字符串，所以我們改為紅框這里輸出的樣式。

解密

    Decrypt3Des(str: string, aStrKey: string, ivstr: string): string {
        const KeyHex = CryptoJS.enc.Utf8.parse(aStrKey);
        //因為我們加密的時候用到的16進制字符串，需要進行轉換
        //第一步把16進制字符串轉為WordArray格式
        const WordArray = CryptoJS.enc.Hex.parse(str);
        //第二步把WordArray再轉為base64的字符串
        const base64str = CryptoJS.enc.Base64.stringify(WordArray);
        //第三步再進行解密
        const decrypted = CryptoJS.TripleDES.decrypt(base64str,
            KeyHex,
            {
                mode: CryptoJS.mode.CBC,
                padding: CryptoJS.pad.Pkcs7,
                iv: CryptoJS.enc.Utf8.parse(ivstr)
            });

        return decrypted.toString(CryptoJS.enc.Utf8);
    }