angular使用md5,CryptoJS des加密的方法
在業(yè)務(wù)系統(tǒng)中，通常需要對(duì)用戶(hù)的密碼進(jìn)行加密，再時(shí)行http的請(qǐng)求。加強(qiáng)系統(tǒng)登錄的安全驗(yàn)證。
常用的加密方式有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對(duì)稱(chēng)加密，是一種比較傳統(tǒng)的加密方式，其加密運(yùn)算、解密運(yùn)算使用的是同樣的密鑰key，信息的發(fā)送者和信息的接收者在進(jìn)行信息的傳輸與處理時(shí)，必須共同持有該密碼（稱(chēng)為對(duì)稱(chēng)密碼），是一種對(duì)稱(chēng)加密算法。
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);
}
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Renderer2 類(lèi)是 Angular 提供的一個(gè)抽象服務(wù),允許在不直接操作 DOM 的情況下操縱應(yīng)用程序的元素,本文給大家介紹了如何在 Angular 中使用 Renderer2,文中通過(guò)代碼示例給大家講解的非常詳細(xì),需要的朋友可以參考下2024-03-03
Angular.js指令學(xué)習(xí)中一些重要屬性的用法教程
這篇文章主要給大家介紹了關(guān)于Angular.js指令學(xué)習(xí)中一些重要屬性的用法教程，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-05-05
div實(shí)現(xiàn)自適應(yīng)高度的textarea實(shí)現(xiàn)angular雙向綁定
本文主要介紹了div實(shí)現(xiàn)自適應(yīng)高度的textarea，實(shí)現(xiàn)angular雙向綁定的方法。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
這篇文章主要介紹了在Angular中利用trackBy來(lái)提升性能的實(shí)現(xiàn)方法,需要的朋友可以參考下2018-01-01
這篇文章主要介紹了Angular Cookie 讀寫(xiě)操作代碼，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，感興趣的朋友跟隨小編一起看看吧2022-01-01
這篇文章主要介紹了Angular value與ngValue區(qū)別詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
這篇文章主要介紹了詳解angular2 控制視圖的封裝模式，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
Angular.JS學(xué)習(xí)之依賴(lài)注入$injector詳析
隨著javaEE的spring框架的興起，依賴(lài)注入（IoC）的概念徹底深入人心，它徹底改變了我們的編碼模式和思維。在AngularJS中也有依賴(lài)注入的概念，像spring中的依賴(lài)注入，但是又有所不同。Angular中只需要在需要的地方聲明一下即可，類(lèi)似模塊的引用，因此十分方便。2016-10-10
Angularjs實(shí)現(xiàn)控制器之間通信方式實(shí)例總結(jié)
這篇文章主要介紹了Angularjs實(shí)現(xiàn)控制器之間通信方式,結(jié)合實(shí)例形式總結(jié)分析了AngularJS控制器常用通信方式及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2018-03-03
本文給大家分享Angularjs cookie 操作實(shí)例詳解，demo案例分析，感興趣的朋友參考下吧2017-09-09