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
On this page of the site you can watch the video online Angular Encrypting Decrypting Data with CryptoJs | Angular 17 Tutorial | npm install crypto-js with a duration of hours minute second in good quality, which was uploaded by the user Code Sample 11 February 2024, share the link with friends and acquaintances, this video has already been watched 705 times on youtube and it was liked by 5 viewers. Enjoy your viewing!
