angular使用md5,CryptoJS des加密的方法
在業(yè)務(wù)系統(tǒng)中,通常需要對用戶的密碼進(jìn)行加密,再時行http的請求。加強(qiáng)系統(tǒng)登錄的安全驗證。
常用的加密方式有MD5, Base64, CryptoJS的 AES DES等。下面介紹我常用的幾種加密方法的使用:
MD5加密
1. 安裝模塊 ts-md5
$ npm install ts-md5 --save
2. 使用md5進(jìn)行加密
import { Md5 } from 'ts-md5';
// ...
// 密碼
password: string = "12345";
// 加密方法 - md5加密
decode() {
const passwordMd5 = Md5.hashStr(this.password).toString(); // 結(jié)果:827ccb0eea8a706c4c34a16891f84e7b
}
Base64加密
1.安裝模塊 js-base64
$ npm install js-base64 --save
2.使用md5進(jìn)行加密
import { Base64 } from 'js-base64';
// ...
// 密碼
password: string = "12345";
// 加密方法 - Base64加密
decode() {
const passwordBase64 = Base64.encode(password); // 結(jié)果:MTIzNDU=
}
DES加密
DES對稱加密,是一種比較傳統(tǒng)的加密方式,其加密運(yùn)算、解密運(yùn)算使用的是同樣的密鑰key,信息的發(fā)送者和信息的接收者在進(jìn)行信息的傳輸與處理時,必須共同持有該密碼(稱為對稱密碼),是一種對稱加密算法。
crypto-js Github: https://github.com/brix/crypto-js
1.安裝模塊 crypto-js
$ npm install crypto-js --save
2.使用DES進(jìn)行加密
import CryptoJS from 'crypto-js';
// ...
// 密鑰
key: string = "abcdefg";
// 密碼
password: string = "12345";
// 加密方法 - des加密
decode() {
// key編碼
const keyHex = CryptoJS.enc.Utf8.parse(this.key);
console.log(keyHex.toString()); // 結(jié)果:61626364656667
// 加密
const passwordDES = CryptoJS.DES.encrypt(this.password, keyHex, {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7
}).toString();
console.log(passwordDES); // 結(jié)果:zYGeIdaZpEM=
}
3. 使用AES進(jìn)行加密
加密用法基本與des一致。
import CryptoJS from 'crypto-js';
// ...
// 密鑰
key: string = "abcdefg";
// 密碼
password: string = "12345";
// 加密方法 - des加密
decode() {
// 加密
const passwordDES = CryptoJS.AES.encrypt(this.password, this.key).toString();
console.log(passwordDES);
}
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
利用Angular.js限制textarea輸入的字?jǐn)?shù)
相信在大家已經(jīng)學(xué)習(xí)了足夠多關(guān)于AngularJS的知識后,就可以開始創(chuàng)建第一個AngularJS應(yīng)用程序,這篇文章通過示例給大家介紹如何利用Angular.js限制textarea輸入的字?jǐn)?shù),有需要的朋友們可以參考借鑒,下面來一起看看吧。2016-10-10
angularjs結(jié)合html5實現(xiàn)拖拽功能
本篇文章給大家分享了angularjs結(jié)合html5實現(xiàn)拖拽功能的方法以及代碼實例,有興趣的朋友參考下。2018-06-06
AngularJS的依賴注入實例分析(使用module和injector)
這篇文章主要介紹了AngularJS的依賴注入,結(jié)合實例形式分析了依賴注入的原理及使用module和injector實現(xiàn)依賴注入的步驟與操作技巧,需要的朋友可以參考下2017-01-01

