yuruoyuxi
前端加解密方案探讨
前端加解密方案探讨

最近在做一个node项目,需要对前端传递给node端的敏感数据进行加密,并在node端对该加密数据进行解密;因为在做node项目之前,与后端配合开发过类似的需求,即前端加密后端解密;所以就尝试采用RSA非对称加密算法来实现。由于第一次采用RSA来完成加解密的整个过程,遇到了不少坑;不过由于种种原因,最后采用了AES的加密方式;下面就来说说前端加解密实现方案。

RSA加解密算法

实现思路

当然首先想到采用的加解密算法就是RSA,其关键在于算法的公钥/秘钥。其主要用法:

  • 算法生成一份公钥和私钥,其中公钥是公开的,所有人都可以知道,私钥是保密的
  • 用公钥解密,要用私钥解密

于是,基于RSA算法来实现加解密,找到了对应的浏览器端库jsencrypt和node端的库node-rsa来实现具体的功能。

具体实现思路:

使用jsencrypt在前端实现用公玥加密,使用node-rsa在node端用私钥解密。

遇到的坑

由于采用的是RSA算法,所以需要前后端约定具体的公钥和私钥。怎么生存公钥私钥呢?

于是根据jsencrypt库的介绍,使用openssl方式来生成对应的公钥和私钥。于是生成的公钥和私钥大概是如下样子:

// 私钥
-----BEGIN RSA PRIVATE KEY-----
MIICXQIBAAKBgQDlOJu6TyygqxfWT7eLtGDwajtNFOb9I5XRb6khyfD1Yt3YiCgQ
WMNW649887VGJiGr/L5i2osbl8C9+WJTeucF+S76xFxdU6jE0NQ+Z+zEdhUTooNR
aY5nZiu5PgDB0ED/ZKBUSLKL7eibMxZtMlUDHjm4gwQco1KRMDSmXSMkDwIDAQAB
AoGAfY9LpnuWK5Bs50UVep5c93SJdUi82u7yMx4iHFMc/Z2hfenfYEzu+57fI4fv
xTQ//5DbzRR/XKb8ulNv6+CHyPF31xk7YOBfkGI8qjLoq06V+FyBfDSwL8KbLyeH
m7KUZnLNQbk8yGLzB3iYKkRHlmUanQGaNMIJziWOkN+N9dECQQD0ONYRNZeuM8zd
8XJTSdcIX4a3gy3GGCJxOzv16XHxD03GW6UNLmfPwenKu+cdrQeaqEixrCejXdAF
z/7+BSMpAkEA8EaSOeP5Xr3ZrbiKzi6TGMwHMvC7HdJxaBJbVRfApFrE0/mPwmP5
rN7QwjrMY+0+AbXcm8mRQyQ1+IGEembsdwJBAN6az8Rv7QnD/YBvi52POIlRSSIM
V7SwWvSK4WSMnGb1ZBbhgdg57DXaspcwHsFV7hByQ5BvMtIduHcT14ECfcECQATe
aTgjFnqE/lQ22Rk0eGaYO80cc643BXVGafNfd9fcvwBMnk0iGX0XRsOozVt5Azil
psLBYuApa66NcVHJpCECQQDTjI2AQhFc1yRnCU/YgDnSpJVm1nASoRUnU8Jfm3Oz
uku7JUXcVpt08DFSceCEX9unCuMcT72rAQlLpdZir876
-----END RSA PRIVATE KEY-----
// 公钥
-----BEGIN PUBLIC KEY-----
MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDlOJu6TyygqxfWT7eLtGDwajtN
FOb9I5XRb6khyfD1Yt3YiCgQWMNW649887VGJiGr/L5i2osbl8C9+WJTeucF+S76
xFxdU6jE0NQ+Z+zEdhUTooNRaY5nZiu5PgDB0ED/ZKBUSLKL7eibMxZtMlUDHjm4
gwQco1KRMDSmXSMkDwIDAQAB
-----END PUBLIC KEY-----

于是,使用生成的公钥,前端使用jsencrypt提供的加密api来对敏感数据加密

var publickey = `-----BEGIN PUBLIC KEY----- xxxxxx  -----END PUBLIC KEY-----`;
var encrypt = new JSEncrypt();
encrypt.setPublicKey(publickey);
var encryptdata = encrypt.encrypt(data);

node端使用node-rsa来完成解密:

const privatekey = `-----BEGIN RSA PRIVATE KEY----- xxxx  -----END RSA PRIVATE KEY-----`
const rsa = new NodeRSA(privatekey, 'pkcs8-private-pem', {encryptionScheme: 'pkcs1'});
const decryptdata = rsa.decrypt(data, 'utf8');

执行到这里,node-rsa一直报下面的错误:

Error: Error during decryption (probably incorrect key). Original error: Error: Incorrect data or key

意思就是对应的解密私钥不正确,查看node-rsa有关公钥私钥,他是有规定的,具体如下:

https://img2018.cnblogs.com/blog/408483/201812/408483-20181223155912689-2019550777.png

可以看出,node-rsa的公钥私钥的起始字符串有以下两种:

  • pkcs1: 公钥(—–BEGIN RSA PUBLIC KEY—–)和私钥(—–BEGIN RSA PRIVATE KEY—–)

  • pkcs8: 公钥(—–BEGIN PUBLIC KEY—–) 和 私钥 (—–BEGIN PRIVATE KEY—–)

不管node-rsa规定的那种私钥scheme,都与我们之前使用openssl生成的私钥字符串的开始结束字符不同,导致node-rsa认不出对应的私钥。

那么,我们是否可以对openssl生成的私钥的起始字符串按照node-rsa进行修改呢,我们简单试一下,结果产生如下错误:

InvalidAsn1Error: Expected 0x30: got 0x2

所以,既然不能按照openssl生成的公钥私钥方式,那么能否有其他方式来生成呢?通过google发现,可以通过node-rsa的相关api来生成对应的公钥私钥,并且jsencrypt库也可以通过其生成的公钥来解密。node-rsa对应生成公钥私钥如下:


 //1.创建RSA对象,并指定 秘钥长度
  var key = new NodeRSA({ b: 512 });
  key.setOptions({ encryptionScheme: 'pkcs1' });//指定加密格式

  //2.生成 公钥私钥,使用 pkcs8标准,pem格式
  var publicPem = key.exportKey('pkcs8-public-pem');//制定输出格式
  var privatePem = key.exportKey('pkcs8-private-pem');

  console.log(pkcsType+'公钥:\n',publicPem);
  console.log(pkcsType+'私钥:\n', privatePem);
  

这样,通过生成的公钥,前端使用jsencrypt库来加密,node端使用node-rsa根据私钥来解密,解决了之前遇到问题。

AES加密算法

在使用RSA加密算法前,使用过前端加密库crypto-js来完成加解密,因为:

  • 它算是比较成熟且github star数也比较多,使用起来比较放心。

  • crypto-js也提供了多种加密算法,唯独不包含RSA加密算法。

  • 该库是前后端通用的库,避免引入多个库

基于此原因,选用了crypto-js提供的AES加密算法来完成需求。

具体的实现方式如下

浏览器端加密

具体代码如下:

import CryptoJS from 'crypto-js';
const AES_KEY = "qq3217834abcdefg"; //16位
const AES_IV = "1234567890123456";  //16位

function aes_encrypt(plainText) {
    var encrypted = CryptoJS.AES.encrypt(plainText, CryptoJS.enc.Utf8.parse(AES_KEY), {iv:  CryptoJS.enc.Utf8.parse(AES_IV)});
    return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);
}


data = 'my message';
encrypt_data = aes_encrypt(data);
console.log(encrypt_data);

node端使用浏览器端同样的keyiv来解密

对应的node端代码如下:

function aes_decrypt(ciphertext) {
    var decrypted = CryptoJS.AES.decrypt(ciphertext, CryptoJS.enc.Utf8.parse(AES_KEY), {iv: CryptoJS.enc.Utf8.parse(AES_IV)});
    return decrypted.toString(CryptoJS.enc.Utf8);
}

const encrypt_data = ctx.cookie('data');
cibst decrypt_data = aes_decrypt(encrypt_data);
console.log(decrypt_data);

至此,前后端加解密就大功告成了。

前端加密算法的安全性

上面两种方式都能实现前后端的加密解密,就其安全性而言存在差别,具体可以参考如下对比表格:

加密算法 实现方式 安全性
RSA 前后端约定统一的公钥私钥,前端用暴露的公钥加密,私钥存在后server端 私钥存在server端,即使暴露公钥;加密是安全的
AES 前端后端都使用同样的key(或者还有iv)来进行加解密,key同时暴露在前后端 由于后端使用同样的key来解密,由于前端暴露了key,加密不安全

对于AES这种将加密key暴露在前端,不够安全;但是前端加密是防不了小人的,如果真要防,可以将加密算法的js文件进行压缩加密,不断更新的手段来使js文件难以获取,让攻击者难以获取加密算法来防止。

参考文献

1、jsencrypt
2、PHP 和 Web 端对称加密传输|JSEncrypt|CryptoJS
3、node-rsa非对称加密
4、js 前端 AES 及 RSA 加解密

没有标签
首页      开发      cnblogs      前端加解密方案探讨

yuruoyuxi

前端加解密方案探讨
最近在做一个node项目,需要对前端传递给node端的敏感数据进行加密,并在node端对该加密数据进行解密;因为在做node项目之前,与后端配合开发过类似的需求,即前端加密后端解密;所以就尝…
扫描二维码继续阅读
2018-12-23
Categories