DEV Community

Juan
Juan

Posted on

Cifrado y descifrado con Crypto.js

Introducción a Crypto.js

Crypto.js es una biblioteca de cifrado de JavaScript que ofrece una amplia variedad de funciones criptográficas. Con Crypto.js, puedes cifrar y descifrar mensajes usando diferentes algoritmos de cifrado como AES, DES, Triple DES, RC4, Rabbit y muchos más.

Para usar Crypto.js, simplemente tienes que incluir la biblioteca en tu proyecto y luego llamar a sus funciones para cifrar o descifrar mensajes. Aquí te dejo un ejemplo de cómo cifrar un mensaje usando Crypto.js y AES:

// Importamos la biblioteca Crypto.js
const CryptoJS = require("crypto-js");

// Definimos la clave de cifrado
const key = "mi-clave-de-cifrado";

// Definimos el mensaje a cifrar
const message = "Hola, mundo!";

// Ciframos el mensaje usando AES
const ciphertext = CryptoJS.AES.encrypt(message, key).toString();

console.log(ciphertext);
// Resultado: U2FsdGVkX1+Xj3FtOVtpvUCI...
Enter fullscreen mode Exit fullscreen mode

En este ejemplo, primero importamos la biblioteca Crypto.js y definimos una clave de cifrado y un mensaje a cifrar. Luego, llamamos a la función AES.encrypt() de Crypto.js para cifrar el mensaje usando AES y la clave definida. Finalmente, imprimimos el resultado cifrado en la consola.

Cifrado de mensajes con Crypto.js

Crypto.js es una biblioteca de cifrado en JavaScript que nos permite cifrar y descifrar mensajes de forma segura y eficiente. En esta sección, veremos cómo cifrar mensajes con esta biblioteca.

Para comenzar, es importante asegurarse de que tenemos la biblioteca Crypto.js instalada en nuestro proyecto. Podemos instalarla a través de NPM con el siguiente comando:

npm install crypto-js
Enter fullscreen mode Exit fullscreen mode

Una vez que tenemos la biblioteca instalada, podemos utilizarla para cifrar nuestros mensajes. Crypto.js utiliza el algoritmo de cifrado AES (Advanced Encryption Standard) de 256 bits para cifrar los mensajes. El siguiente código muestra cómo cifrar un mensaje con Crypto.js:

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

const mensaje = "Este es un mensaje secreto";
const clave = "ClaveSecreta123";

// Ciframos el mensaje utilizando AES
const mensajeCifrado = CryptoJS.AES.encrypt(mensaje, clave).toString();

console.log(mensajeCifrado); // Imprime el mensaje cifrado en la consola
Enter fullscreen mode Exit fullscreen mode

En este ejemplo, ciframos el mensaje "Este es un mensaje secreto" utilizando la clave "ClaveSecreta123". El método CryptoJS.AES.encrypt() toma dos parámetros: el mensaje a cifrar y la clave de cifrado. Devuelve el mensaje cifrado como una cadena de texto.

También podemos especificar un vector de inicialización (IV) para mejorar la seguridad del cifrado. El IV es un valor aleatorio que se utiliza en el cifrado para evitar patrones en los mensajes cifrados. El siguiente código muestra cómo cifrar un mensaje con un IV:

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

const mensaje = "Este es un mensaje secreto";
const clave = "ClaveSecreta123";
const iv = CryptoJS.lib.WordArray.random(16);

// Ciframos el mensaje utilizando AES con un IV
const mensajeCifrado = CryptoJS.AES.encrypt(mensaje, clave, { iv }).toString();

console.log(mensajeCifrado); // Imprime el mensaje cifrado en la consola
Enter fullscreen mode Exit fullscreen mode

En este ejemplo, generamos un IV aleatorio utilizando el método CryptoJS.lib.WordArray.random(). Luego, ciframos el mensaje utilizando el IV junto con la clave.

En resumen, Crypto.js es una biblioteca de cifrado en JavaScript que nos permite cifrar y descifrar mensajes de forma segura y eficiente. Utilizando el algoritmo AES de 256 bits, podemos cifrar nuestros mensajes con una clave y un IV para mejorar la seguridad del cifrado. Con Crypto.js, podemos agregar una capa adicional de seguridad a nuestras aplicaciones web.

Descifrado de mensajes con Crypto.js

Ahora que hemos aprendido a cifrar mensajes con Crypto.js, es importante saber cómo descifrarlos. Para ello, utilizaremos la función CryptoJS.AES.decrypt(), que toma como argumentos el mensaje cifrado y la clave de cifrado utilizada para cifrar el mensaje.

El siguiente ejemplo muestra cómo descifrar un mensaje utilizando Crypto.js:

const encryptedMessage = 'U2FsdGVkX18V7pPdG45uY7X9rNfU6gK1Nbk8Uvz24yw=';
const key = 'my secret key';

const decryptedMessage = CryptoJS.AES.decrypt(encryptedMessage, key).toString(CryptoJS.enc.Utf8);

console.log(decryptedMessage); // 'Hello, world!'
Enter fullscreen mode Exit fullscreen mode

En este ejemplo, encryptedMessage es el mensaje cifrado en base64, y key es la clave de cifrado utilizada para cifrar el mensaje. La función CryptoJS.AES.decrypt() descifra el mensaje utilizando la clave de cifrado, y el resultado se almacena en la variable decryptedMessage. Por último, utilizamos console.log() para imprimir el mensaje descifrado en la consola.

Es importante tener en cuenta que si la clave de cifrado utilizada para cifrar el mensaje es incorrecta, el proceso de descifrado fallará y se obtendrá un mensaje de error.

En conclusión, descifrar mensajes con Crypto.js es muy sencillo utilizando la función CryptoJS.AES.decrypt(). Es importante asegurarse de utilizar la clave de cifrado correcta para poder descifrar el mensaje correctamente. En la siguiente sección, veremos algunos ejemplos de cómo utilizar el cifrado y descifrado de mensajes con Crypto.js en aplicaciones web.

Ejemplos de uso en aplicaciones web


Ejemplo 1: Cifrar y descifrar contraseñas

// Importamos Crypto.js
import CryptoJS from 'crypto-js';

// Función para cifrar la contraseña
function encryptPassword(password) {
  // Generamos una clave secreta aleatoria
  const key = CryptoJS.lib.WordArray.random(16);

  // Ciframos la contraseña con la clave secreta
  const ciphertext = CryptoJS.AES.encrypt(password, key);

  // Devolvemos la clave secreta y el cifrado en formato string
  return {
    key: key.toString(),
    ciphertext: ciphertext.toString()
  };
}

// Función para descifrar la contraseña
function decryptPassword(encryptedPassword, key) {
  // Convertimos la clave secreta a formato WordArray
  const keyWordArray = CryptoJS.enc.Utf8.parse(key);

  // Desciframos la contraseña con la clave secreta
  const bytes = CryptoJS.AES.decrypt(encryptedPassword, keyWordArray);

  // Devolvemos la contraseña descifrada en formato string
  return bytes.toString(CryptoJS.enc.Utf8);
}

// Ejemplo de uso
const password = 'contraseña123';
const encryptedPassword = encryptPassword(password);

console.log('Contraseña cifrada:', encryptedPassword.ciphertext);
console.log('Clave secreta:', encryptedPassword.key);

const decryptedPassword = decryptPassword(encryptedPassword.ciphertext, encryptedPassword.key);

console.log('Contraseña descifrada:', decryptedPassword);
Enter fullscreen mode Exit fullscreen mode

En este ejemplo, se usa Crypto.js para generar una clave secreta aleatoria y cifrar una contraseña con ella. Luego, se muestra cómo recuperar la contraseña descifrada usando la clave secreta. Esto puede ser útil en una aplicación web donde se almacenan contraseñas cifradas en la base de datos para proteger la privacidad de los usuarios.


Ejemplo 2: Cifrar y descifrar mensajes

Supongamos que tenemos una aplicación de chat en la que queremos cifrar los mensajes enviados por los usuarios para proteger su privacidad. Para ello, utilizaremos la librería Crypto.js para cifrar los mensajes antes de enviarlos y descifrarlos cuando se reciban.

1- Primero, importamos la librería Crypto.js en nuestro archivo de JavaScript:

import CryptoJS from 'crypto-js';
Enter fullscreen mode Exit fullscreen mode

2- Creamos una clave de cifrado y descifrado utilizando una contraseña compartida entre los usuarios de la aplicación:

const password = 'mi_contraseña_secreta';
const key = CryptoJS.enc.Utf8.parse(CryptoJS.SHA256(password));
Enter fullscreen mode Exit fullscreen mode

3- Cuando un usuario envía un mensaje, ciframos el contenido del mensaje con la clave que acabamos de crear:

const mensaje = 'Hola, ¿cómo estás?';
const mensajeCifrado = CryptoJS.AES.encrypt(mensaje, key).toString();
Enter fullscreen mode Exit fullscreen mode

4- Enviamos el mensaje cifrado al servidor para que lo transmita al destinatario.

5- Cuando el destinatario recibe el mensaje cifrado, lo desciframos utilizando la misma clave:

const mensajeCifrado = 'uP7VYBhj10BWLX4v/dt/xg==';
const mensajeDescifrado = CryptoJS.AES.decrypt(mensajeCifrado, key).toString(CryptoJS.enc.Utf8);
Enter fullscreen mode Exit fullscreen mode

6- Mostramos el mensaje descifrado al destinatario.

Con estos pasos, hemos cifrado y descifrado un mensaje en tiempo real utilizando la librería Crypto.js en una aplicación web de chat.

Espero que este ejemplo te haya sido útil para entender cómo utilizar Crypto.js en una aplicación de cifrado y descifrado en tiempo real.

Conclusión y recomendaciones

En conclusión, Crypto.js es una herramienta muy útil para cifrar y descifrar mensajes en aplicaciones web. Con su amplia variedad de algoritmos de cifrado y su fácil implementación, puede ser una excelente opción para garantizar la seguridad de los datos sensibles de tus usuarios.

Es importante destacar que, aunque Crypto.js es una excelente herramienta para cifrar y descifrar mensajes, no es infalible. Siempre se deben tomar otras medidas de seguridad, como la validación de entradas y la protección de las credenciales de los usuarios.

Por lo tanto, recomiendo que siempre se utilice Crypto.js en conjunto con otras medidas de seguridad para garantizar la privacidad y seguridad de los datos de tus usuarios. Además, siempre es recomendable mantenerse actualizado sobre las últimas técnicas de seguridad y cifrado para estar al día con las mejores prácticas en este ámbito.

Top comments (0)