前端加密后端解密之Base64通用加密处理

近期在工作中遇到很经典的问题,关于前端加密后端解密,我只用了一种通用的Base64加密方式,关于前端加密方式我使用的是Base64插件

具体可以去下载Base64.js

下面先看下前端加密:

首先在html中引入jquery的js插件和base64js插件,然后编辑被加密数据

<script>

var str="abcd1234";

alert("加密前:"+str);

var base = new Base64();

var encodeStr=base.encode(str);

alert("加密后:"+encodeStr);

var decodeStr=base.decode(encodeStr);

alert("解密后:"+decodeStr)

</script>


下面是处理结果:

前端加密后端解密之Base64通用加密处理

前端加密后端解密之Base64通用加密处理

前端加密后端解密之Base64通用加密处理

然后前端加密成功之后将参数传入后端,后端处理方式很简单,先引用BASE64Util.java工具包,这里我把代码贴出来:

<script src="https://code.csdn.net/snippets/1879475.js" type="text/javascript"></script>
后端在接收到前端传递过来的参数之后,通过调用BASE64Util工具类中的解密方法解密参数
前端加密后端解密之Base64通用加密处理
前端加密后端解密之Base64通用加密处理
这里面我自己写个Test的main方法,假装我已经拿到前端传递过来的加密字符串:
前端加密后端解密之Base64通用加密处理
前端加密后端解密之Base64通用加密处理
中间前端通过什么方式传递,后端通过什么方式获取前端传递数据,由于方式过多,框架不同,我就不列举了,另外附加两张Base64在线加解密同样的处理结果:
Base64在线加解密http://base64.xpcha.com
在线加密前,加密后
前端加密后端解密之Base64通用加密处理
前端加密后端解密之Base64通用加密处理
在线解密后:
前端加密后端解密之Base64通用加密处理
前端加密后端解密之Base64通用加密处理