DEV Community

Cover image for Encryption Decryption User Details Using Crypto-JS Library to secure application in React
Deepak Jaiswal
Deepak Jaiswal

Posted on

7 2 1 1 1

Encryption Decryption User Details Using Crypto-JS Library to secure application in React

hello developers today we talk about a library named is crypto-js
so why we use this library in our development.
because it secure aur informaion from malicius user.

It encrypt our information in cipher text. and we decrypt that text in our
servers file to verify on behalf of secret key.

npm install crypto-js --save

encrypt information

var CryptoJS = require("crypto-js");

// Encrypt
var ciphertext = CryptoJS.AES.encrypt('user info', 'secret key').toString();


Enter fullscreen mode Exit fullscreen mode

Decrypt information

var CryptoJS = require("crypto-js");
var bytes  = CryptoJS.AES.decrypt(ciphertext, 'secret key');
var originalText = bytes.toString(CryptoJS.enc.Utf8);
Enter fullscreen mode Exit fullscreen mode

The main reason using this library because some use check their history to see their payload on login time user inter into the login form. so we can use crypto library to secure application

Image description

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more