前端使用crypto js實現記住密碼功能加密

2021-09-26 21:29:38 字數 1761 閱讀 7603

1.安裝crypto-js模組

npm install crypto-js
2.封裝工具

import cryptojs from

'crypto-js'

;//匯入加密模組

const asekey =

'0123456789abcdef'

;//十六位十六進製制數作為金鑰

const iv =

'abcdef0123456789'

;//十六位十六進製制數作為金鑰偏移量

let key = cryptojs.enc.utf8.

parse

(asekey)

;let ivs = cryptojs.enc.utf8.

parse

(iv)

;/**

* 加密方法

* @param word 需要加密的字元

* @returns 加密後的字元

*/export

function

encrypt

(word));

return encrypted.ciphertext.

tostring()

.touppercase()

;}/** * 解密方法

* @param word 需要解密的字元

* @returns 解密後的字元

*/export

function

decrypt

(word));

const decryptedstr = decrypt.

tostring

(cryptojs.enc.utf8)

;return decryptedstr.

tostring()

;}export

default

;

import secret from

'secret'

;const token = secret.

encrypt

('123456');

//加密

secret.

decrypt

(token)

;//解密

import cryptojs from

'crypto-js'

;const asekey =

'0123456789abcdef'

;const iv =

'abcdef0123456789'

;let key = cryptojs.enc.utf8.

parse

(asekey)

;let ivs = cryptojs.enc.utf8.

parse

(iv)

;//加密

export

function

encrypt

(data: any));

return encrypted.

tostring()

;}//解密

export

function

decrypt

(data: any));

return cryptojs.enc.utf8.

stringify

(decrypt)

.tostring()

;}export

default

;

前端 使用 crypto js 對資料進行對稱加密

from 傳送門 crypto js github demo1 載入核心加密庫 var cryptojs require crypto js 載入des演算法 var tripledes require crypto js tripledes 開始加密,並且返回密文 var ciphertext t...

vue axios使用crypto js對引數加密

在前後端分離的專案中有的需要提高安全性,會要求對請求引數進行加密。目前已使用的是對稱加密,非對稱加密需要網上找非對稱加密方式把對稱加密的修改應該就差不多。實現思路 在專案中安裝引入crypto js依賴,然後寫個加密方法,如果有區分get跟post兩種請求方式那就寫兩個加密方法。最後在axios請求...

使用Crypto JS進行加密解密的簡單方法

這個庫的用法比較簡單,相關檔案可以在上面的頁面檢視html找到,我也備份了 檔案眾多,總結起來就2種,乙個是核心檔案core min.js,其他的都是具體的某一種加密方法.使用時必須載入core min.js,然後使用哪種加密解密就載入哪個加密檔案,看名字就知道是什麼加密,只有 tripledes....