crypto.js怎么用,cryptojs详解

本文目录一览：

1、关于 vue中使用crypto-js，进行DES 的加密解密
2、node.js的crypto怎么用
3、记录一下前端使用CryptoJS的几种加密方式
4、vue+typescript如何使用crypto-js
5、如何使用CryptoJS的AES方法进行加密和解密
6、前端使用crypto.js进行加密

关于 vue中使用crypto-js，进行DES 的加密解密

安装: npm install crypto-js –save

在utils文件夹中新建secret.js文件，内容：

message: 需要加解密的文本

key: 加解密的秘钥

iv: 偏移量，最短8位数，ecb模式不需要此参数

在vue页面引入secret.js文件

node.js的crypto怎么用

crypto-js aes使用前端加密php后端解密：

前端js：

script src=””/script

script

var key_hash = CryptoJS.MD5(“Message”);

var key = CryptoJS.enc.Utf8.parse(key_hash);

var iv = CryptoJS.enc.Utf8.parse(‘1234567812345678’);

var encrypted = CryptoJS.AES.encrypt(“Message”, key, { iv: iv,mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.ZeroPadding});

document.write(“encode:”+encrypted);

/script

php代码：

?php

$text = “Message”;

$key = md5($text); //key的长度必须16，32位,这里直接MD5一个长度为32位的key

$iv=’1234567812345678′;

$crypttext = mcrypt_encrypt(MCRYPT_RIJNDAEL_128, $key, $text, MCRYPT_MODE_CBC, $iv);

$decode = mcrypt_decrypt(MCRYPT_RIJNDAEL_128, $key, $crypttext, MCRYPT_MODE_CBC, $iv);

echo base64_encode($crypttext);

echo “br/”;

echo $decode;

echo “br/”;

记录一下前端使用CryptoJS的几种加密方式

自己太小白了，之前在PC端项目中使用的MD5加密，现在的小程序项目使用了 CryptoJS 里面的 enc-base64 和 hmac-sha1 ，之前没有用到过这两种，所以比较疑惑，为何在小程序不继续使用 MD5 呢？所以在这里记录一下自己解疑惑的一些知识点。

随着互联网的兴起，我们对信息的安全越来越受重视，这样就导致在web开发中，对用户密码等各种加密变得更加重要了。与服务器的交互中，为了确保数据传输的安全性，避免被黑客抓包篡改。

对于Base64编码的，我觉得看一篇文章能够解决你的疑惑，我在这里就不赘述了

? Base64编码原理

如：用户密码，请求参数，文件加密

如：接口参数签名验证服务

支付数据、CA数字证书

前端的朋友可能会关注前端js加密，我们在做 WEB 的登录功能时一般是通过 Form 提交或 Ajax 方式提交到服务器进行验证的。为了防止抓包，登录密码肯定要先进行一次加密（RSA），再提交到服务器进行验证。一些大公司都在使用，比如淘宝、京东、新浪等。

前端加密也有很多现成的js库，如：

JS-RSA：用于执行OpenSSL RSA加密、解密和密钥生成的Javascript库，

MD5：单向散列加密md5 js库，

crypto-js：对称加密AES js库，

-CryptoJS (crypto.js) 为 JavaScript 提供了各种各样的加密算法。

HMAC 系列是消息验证，用于验证一个消息是否被篡改——如网站上传递 email 和 hmac(email)，则接收时可以通过 hmac(email) 获知 email 是否是用户伪造的

vue+typescript如何使用crypto-js

先说重点，如果要支持ie11，crypto的版本就一定要用我写的

“@types/crypto-js”: “^4.0.2”,

“crypto-js”: “^4.0.0”,

① 安装

npm install crypto-js@4.0.0 —-这个一定要用这个版本，或者更低一点，再低的我没有试，反正这个是支持ie的-如果不考虑ie就忽略

npm install –save @types/crypto-js

②创建

好了就这样引入啦~

③使用

简简单单~ 就这样吧~

如何使用CryptoJS的AES方法进行加密和解密

首先准备一份明文和秘钥：

var plaintText = ‘aaaaaaaaaaaaaaaa’; // 明文

var keyStr = ‘bbbbbbbbbbbbbbbb’; // 一般key为一个字符串

参看官网文档，AES方法是支持AES-128、AES-192和AES-256的，加密过程中使用哪种加密方式取决于传入key的类型，否则就会按照AES-256的方式加密。

CryptoJS supports AES-128, AES-192, and AES-256. It will pick the variant by the size of the key you pass in. If you use a passphrase, then it will generate a 256-bit key.

由于Java就是按照128bit给的，但是由于是一个字符串，需要先在前端将其转为128bit的才行。

最开始以为使用CryptoJS.enc.Hex.parse就可以正确地将其转为128bit的key。但是不然…

经过多次尝试，需要使用CryptoJS.enc.Utf8.parse方法才可以将key转为128bit的。好吧，既然说了是多次尝试，那么就不知道原因了，后期再对其进行更深入的研究。

// 字符串类型的key用之前需要用uft8先parse一下才能用

var key = CryptoJS.enc.Utf8.parse(keyStr);

由于后端使用的是PKCS5Padding，但是在使用CryptoJS的时候发现根本没有这个偏移，查询后发现PKCS5Padding和PKCS7Padding是一样的东东，使用时默认就是按照PKCS7Padding进行偏移的。

// 加密

var encryptedData = CryptoJS.AES.encrypt(plaintText, key, {

mode: CryptoJS.mode.ECB,

padding: CryptoJS.pad.Pkcs7

});

由于CryptoJS生成的密文是一个对象，如果直接将其转为字符串是一个Base64编码过的，在encryptedData.ciphertext上的属性转为字符串才是后端需要的格式。

var encryptedBase64Str = encryptedData.toString();

// 输出：’RJcecVhTqCHHnlibzTypzuDvG8kjWC+ot8JuxWVdLgY=

console.log(encryptedBase64Str);

// 需要读取encryptedData上的ciphertext.toString()才能拿到跟Java一样的密文

var encryptedStr = encryptedData.ciphertext.toString();

// 输出：’44971e715853a821c79e589bcd3ca9cee0ef1bc923582fa8b7c26ec5655d2e06

console.log(encryptedStr);

由于加密后的密文为128位的字符串，那么解密时，需要将其转为Base64编码的格式。

那么就需要先使用方法CryptoJS.enc.Hex.parse转为十六进制，再使用CryptoJS.enc.Base64.stringify将其变为Base64编码的字符串，此时才可以传入CryptoJS.AES.decrypt方法中对其进行解密。

// 拿到字符串类型的密文需要先将其用Hex方法parse一下

var encryptedHexStr = CryptoJS.enc.Hex.parse(encryptedStr);

// 将密文转为Base64的字符串

// 只有Base64类型的字符串密文才能对其进行解密

var encryptedBase64Str = CryptoJS.enc.Base64.stringify(encryptedHexStr);

使用转为Base64编码后的字符串即可传入CryptoJS.AES.decrypt方法中进行解密操作。

// 解密

var decryptedData = CryptoJS.AES.decrypt(encryptedBase64Str, key, {

mode: CryptoJS.mode.ECB,

padding: CryptoJS.pad.Pkcs7

});

经过CryptoJS解密后，依然是一个对象，将其变成明文就需要按照Utf8格式转为字符串。

// 解密后，需要按照Utf8的方式将明文转位字符串

var decryptedStr = decryptedData.toString(CryptoJS.enc.Utf8);

console.log(decryptedStr); // ‘aaaaaaaaaaaaaaaa’

前端使用crypto.js进行加密

在前端登录记住密码的时候需要前端来进行加密工作，接触到crypto这个js，使用还算简单，在这里记录一下

在vue框架中

安装crypto-js

utils.js

component

key和iv都可以更换，但是需要保证的是加解密的key和iv保持一致

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/275715.html