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