前端base64、baseurl加解密和RSA加解密

　　由于项目最近要进行安全测试，前端的用户和密码都是明文数据传送给后台那里，其实这样很很不安全的，容易泄露个人信息和密码。中间服务器的同事就提出，可以通过前端接收公钥，利用公钥对密码进行加密，把加密过密码字符串传给中间服务器，中间服务器再利用私钥对传过来的密码字符串进行解密，解密后的密码用不可逆算法MD5进行加密存储在数据库里。这样进行双重加密，就不容易泄露个人信息和密码。

一、   Base64/BaseUrl 加解密

　　中间服务器是用base64/baseUrl 加密过的token，把公钥传送给我，所以我要用base64/baseUrl 对token 进行解密，把公钥取出来。

1、Base64 / BaseUrl

　　所谓Base64，就是选出64个字符作为一个基本字符集（A-Z，a-z，0-9，+，/，再加上作为垫字的"="，实际是65个字符），其它所有符号都转换成这个字符集中的字符。

2、项目引入Base64.js文件

　　首先要把Base64.js文件引入，Base64.js文件如下：

 //Base64.js文件
 var Base64=
 {
     _keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
     encode:function(e){
         var t="";
         var n,r,i,s,o,u,a;
         var f=0;
         e=Base64._utf8_encode(e);
         while(f<e.length){
             n=e.charCodeAt(f++);
             r=e.charCodeAt(f++);
             i=e.charCodeAt(f++);
 s=n>>2;
             o=(n&3)<<4|r>>4;
             u=(r&15)<<2|i>>6;
             a=i&63;
             if(isNaN(r)){
                 u=a=64
             }else if(isNaN(i)){
                 a=64
             }
     t=t+this._keyStr.charAt(s)+this._keyStr.charAt(o)+this._keyStr.charAt(u)+this._keyStr.charAt(a)
         }
         return t
     },
     decode:function(e){
         var t="";
         var n,r,i;
         var s,o,u,a;
         var f=0;
         e=e.replace(/[^A-Za-z0-9+/=]/g,"");
         while(f<e.length){
             s=this._keyStr.indexOf(e.charAt(f++));
             o=this._keyStr.indexOf(e.charAt(f++));
             u=this._keyStr.indexOf(e.charAt(f++));
             a=this._keyStr.indexOf(e.charAt(f++));
             n=s<<2|o>>4;
             r=(o&15)<<4|u>>2;
             i=(u&3)<<6|a;
             t=t+String.fromCharCode(n);
             if(u!=64){
                 t=t+String.fromCharCode(r)
             }
             if(a!=64){
                 t=t+String.fromCharCode(i)
             }
         }
         t=Base64._utf8_decode(t);
         return t
     },
 _utf8_encode:function(e){
         e=e.replace(/rn/g,"n");
         var t="";
         for(var n=0;n<e.length;n++){
             var r=e.charCodeAt(n);
             if(r<128){
                 t+=String.fromCharCode(r)
             }else if(r>127&&r<2048){
                 t+=String.fromCharCode(r>>6|192);
                 t+=String.fromCharCode(r&63|128)
             }else{
                 t+=String.fromCharCode(r>>12|224);
                 t+=String.fromCharCode(r>>6&63|128);
                 t+=String.fromCharCode(r&63|128)
             }
         }
         return t
     },
     _utf8_decode:function(e){
         var t="";
         var n=0;
         var r=0,c1=0,c2=0;
         while(n<e.length){
             r=e.charCodeAt(n);
             if(r<128){
                 t+=String.fromCharCode(r);
                 n++
             }else if(r>191&&r<224){
                 c2=e.charCodeAt(n+1);
                 t+=String.fromCharCode((r&31)<<6|c2&63);
                 n+=2
             }else{
                 c2=e.charCodeAt(n+1);
                 c3=e.charCodeAt(n+2);
                 t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);
                 n+=3
             }
         }
         return t
     }
 };

 export {Base64}; //暴露模块

3、Base64 加密解密

　　利用decode（）方法解密，encode（）方法加密，Vue项目引入Base64.js文件，如下：

 //引入Base64.js文件，用Base64对公钥解密
 const self = this
 import {Base64} from "../../../dist/static/js/Base64.js"
 let base64Str = PUBLIC.AJAX_TOKEN.split('.')[1]; //取出加密后的公钥
 let user = JSON.parse(Base64.decode(base64Str)); //先base64解密，再把json数据转化为js对象
 self.pkey = user.secret; //公钥
 console.log(self.pkey);

二、RSA加密算法

　　RSA加密算法是一种非对称加密算法。一般是客户端初始化时访问登录服务时，服务端面动态生成一对RSA对，把公钥传给客户端，客户端拿到后，用户输入密码后，点登录时用公钥加密返回给服务端，服务端用私钥解密，这样就完成了一次安全的数据传送。

1、安装jsencrypt

 npm i jsencrypt –save

2、引入jsencrypt

　　在main.js 文件引入jsencrypt：

 import JsEncrypt from 'jsencrypt'
 Vue.prototype.$jsEncrypt = JsEncrypt

3、前端实例化

 //实例化JSEncrypt
 self.jse = new JSEncrypt();
 self.jse.setPublicKey('-----BEGIN PUBLIC KEY-----'+self.pkey+'-----END PUBLIC KEY-----');  //设置公钥
 self.jse.setPrivateKey('-----BEGIN RSA PRIVATE KEY-----'+self.privateKey+'-----END RSA PRIVATE KEY-----'); //设置私钥

4、加密与解密

 //RSA加密
 let encryptVPwd = self.jse.encrypt(self.visitPassword);
 console.log(encryptVPwd);
 //RSA解密
 let decryptVPwd = self.jse.decrypt(encryptVPwd);
 console.log(decryptVPwd);

这样可以把加密后的密码传给后台了。