前端crypto-js加密

`
AES加密

今天做了Vue項目的加密,主要做了登錄接口,保證登錄的安全性能。

網(wǎng)上關(guān)于 AES 對稱加密的算法介紹挺多的,對這一塊還不是特別理解的小伙伴可自行百度,這里我推薦一篇AES加密算法的詳細(xì)介紹與實現(xiàn),講的還是蠻詳細(xì)的~

要用 AES 算法加密,首先我們要引入 crypto-js ,crypto-js 是一個純 javascript 寫的加密算法類庫 ,可以非常方便地在 javascript 進(jìn)行 MD5、SHA1、SHA2、SHA3RIPEMD-160 哈希散列,進(jìn)行 AESDES、Rabbit、RC4、Triple DES 加解密,我們可以采用 npm install crypto-js --save 進(jìn)行下載安裝,也可以直接去 GitHub下載源碼~

其實搞懂了是怎么一回事,做起來還是挺簡單的,因為庫都是現(xiàn)成的,我們只需要會用就好啦,這里我在推薦一篇理解AES加密解密的使用方法,加深大家對 AES 算法的理解~

我的項目中具體的步驟如下:

1、 在package.json里面添加"crypto-js": "^^3.1.9-1"
2、npm install 下載crypto-js
3、引入 import CryptoJS from 'crypto-js'
4、定義兩個方法 ,分別是用于加密和解密,這里我將它放在了 utils 文件夾下

import CryptoJS from 'crypto-js'
/**
 * 加密(需要先加載lib/aes/aes.min.js文件)
 */
export const encrypt = (word) => {
    var key = CryptoJS.enc.Utf8.parse("46cc793c53dc451b");
    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();
}
/**
 * 解密
 */
export const decrypt = (word) => {
    var key = CryptoJS.enc.Utf8.parse("46cc793c53dc451b");
    var decrypt = CryptoJS.AES.decrypt(word, key, {
        mode: CryptoJS.mode.ECB,
        padding: CryptoJS.pad.Pkcs7
    });
    return CryptoJS.enc.Utf8.stringify(decrypt).toString();
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前端 crypto-js aes 加解密 背景 前段時間公司做項目,該項目涉及到的敏感數(shù)據(jù)比較多,經(jīng)過的一波討論之...
    Cryptic閱讀 298,362評論 33 152
  • Node.js是目前非常火熱的技術(shù),但是它的誕生經(jīng)歷卻很奇特。 眾所周知,在Netscape設(shè)計出JavaScri...
    Myselfyan閱讀 4,191評論 2 58
  • 參考Java 前端加密傳輸后端解密以及驗證碼功能 一、使用HTTP簡單加密 對系統(tǒng)安全性要求比較高,那么需要選擇h...
    合肥黑閱讀 10,713評論 3 9
  • 參考Java 前端加密傳輸后端解密以及驗證碼功能 一、使用HTTP簡單加密 對系統(tǒng)安全性要求比較高,那么需要選擇h...
    為自己丶拼個未來閱讀 5,333評論 2 4
  • Node.js是目前非常火熱的技術(shù),但是它的誕生經(jīng)歷卻很奇特。 眾所周知,在Netscape設(shè)計出JavaScri...
    w_zhuan閱讀 3,720評論 2 41

友情鏈接更多精彩內(nèi)容