受制于WEB页面源码的暴露,所以传统的对称加密方案以及加密密钥都将暴露在JS文件中,一样能够被解密。html
目前比较好的解决方案是WEB页面全程或用户登陆等关键环节使用HTTPS进行传输。node
另一种解决方案就是经过RSA进行加密。git
RSA是一种非对称加密,也就是客户端经过公钥进行加密,服务端经过私钥进行解密。RSA算法请点击百度百科进行了解。github
也就是说公钥并不能进行解密,所以进行明文传输也是安全的。算法
服务端生成一组公钥与私钥,将公钥发送给客户端进行密码加密,在使用密钥进行解密。浏览器
主要使用 Node-Rsa 来生成RSA公钥、私钥:缓存
1 import NodeRSA from 'node-rsa'; 2 3 let key=new NodeRSA({b:512}); 4 let publicDer=key.exportKey('pkcs8-public'); 5 let privateDer=key.exportKey('pkcs8-private');
通常在服务器启动的时候能够生成一组密钥,并缓存起来,方便后续解密使用!安全
客户端接收到公钥之后,再提交表单以前对密码进行加密传输:服务器
1 import NodeRSA from 'node-rsa'; 2 3 4 var encryptStr=function(password) { 5 let clientKey = new NodeRSA({b: 512}); 6 var publicKey=localStorage.publicKey; //从服务端接收到的公钥,缓存到本地 7 clientKey.importKey(publicKey); 8 let encrypted = clientKey.encrypt(password, 'base64'); 9 return encrypted; 10 }
须要注意的问题是:加密
客户端引入Node-Rsa库会相对增长JS文件体积,请注意上线以前对代码进行压缩或者更换其余体积较小的RSA类库。
服务端收到客户端请求后,经过生成的私钥对加密后的密码进行解密:
1 import NodeRSA from 'node-rsa'; 2 3 4 5 let decryptStr=function(){ 6 let key=new NodeRSA({b:512}); 7 let privateDer=await util.getCache("rsa.privateCache"); //从缓存读取私钥 8 if(util.isEmpty(privateDer)){ 9 console.log("获取RSA私钥失败!!"); 10 return null; 11 } 12 key.importKey(privateDer); 13 if(!key.isPrivate()){ //验证私钥是否正确 14 console.log("导入RSA私钥失败!!"); 15 return null; 16 } 17 return key.decrypt(pwd, 'utf8'); //解密 18 } 19