JS实现BASE64加密解密-后台加密前台解密案例分析

JS实现BASE64加密解密-后台加密前台解密案例分析

    通常的业务场景，我们并不会在前端进行加密解密的相关操作。原因很简单，前端没法让人放心，很容易被攻击。但是最近的

这个项目，由于无法在后台保存Session，导致用户信息的维护变的很复杂。从统一权限系统登录时，需要传递加密后的用户ID。

这个加密后的用户ID会作为URL的一部分，然后前端会从URL上直接截取这个加密后的用户ID。这样从前端传递到后台的用户ID，都是

这个加密后的用户ID。导致的结果就是每次请求都要在后台解密这个用户ID，工作量很大，且风险较大。经过细致的分析，我最后觉得

在前端进行解密，每次请求获取用户ID时，都调用这段公共的JS代码，这样后台代码就不用改动了。

    后台BASE64加密，我们使用的API是：Decoder.BASE64Encoder，使用sun.misc.BASE64Decoder同理。通常我们是这样来加密的：

BASE64Encoder encoder = new BASE64Encoder();
userId = encoder.encode(userId.getBytes());

    然后这样来解密：

BASE64Decoder decoder = new BASE64Decoder();
str = new String(decoder.decodeBuffer(str));

    现在的业务场景是，我们在后台使用BASE64加密的字符串，需要在前台进行BASE64解密。我们需要先引入Base64.js这个包。然后调用

Base64.decode(str)就可以解密了。先来看看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=c1=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
}
};

    就是上面这段代码，短短几十行代码，不是很复杂，有兴趣的朋友，可以研究一下。Base64.js对外提供了2个方法，一个是加密

方法encode(e)，一个是解密方法decode(e)。OK，有了这个Base64.js，就可以满足现在的这个需求。这里记录一下，因为用的较少，

有时间可以回顾一下。