Angular Encrypting Decrypting Data with CryptoJs | Angular 17 Tutorial | npm install crypto-js
cryptojs npm angular, install crypto js in angular 17, npm install crypto-js in angular, encryption and decryption in angular 17, Encryption Decryption in Angular 17, How to encrypt and decrypt passwords in angular 17, encrypt and decrypt using crypto nodejs, angular encryption, and decryption example
First, install crypto-js in our Angular project using npm:
npm install crypto-js
npm i --save-dev @types/crypto-js
After crypto-js is installed, we can import it into our Local Service:
import * as CryptoJS from 'crypto-js';
After that, we will add two encrypt and decrypt methods to handle encryption and decryption in our service class:
key = "encrypt!135790";
//To encrypt input data
public encrypt(password: string): string {
return CryptoJS.AES.encrypt(password, this.key).toString();
}
//To decrypt input data
public decrypt(passwordToDecrypt: string) {
return CryptoJS.AES.decrypt(passwordToDecrypt, this.key).toString(CryptoJS.enc.Utf8);
}
Using this service in the component class,
encrypt ='';
decripted='';
private _text = 'system!1233';
console.log('Password :' + this._text);
this.encrypt = this.encrDecrService.encrypt(this._text);
console.log('Decrypted password data :', this.encrypt);
this.decripted = this.encrDecrService.decrypt(this.encrypt);
console.log('Encripted to Decrypted password data :', this.decripted);
Download source code from GitHub: https://github.com/anilsingh581/CryptoJS
#angular #angular17 #angularcli #angularencript #cryptojs #securedata #angularsecurity #install #cryptoJs
En esta página del sitio puede ver el video en línea Angular Encrypting Decrypting Data with CryptoJs | Angular 17 Tutorial | npm install crypto-js de Duración hora minuto segunda en buena calidad , que subió el usuario Code Sample 11 febrero 2024, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 705 veces y le gustó 5 a los espectadores. Disfruta viendo!
