js加密，后台解密

已于 2023-08-28 11:36:09 修改
阅读量1.3k 收藏 1
点赞数
文章标签： java
于 2020-05-26 10:05:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a3562323/article/details/106349072
版权

参考地址

同样密码每次生成一样加密结果

前端页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>index</title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
	$(function(){
		   $(function() {  
		        $("#btn").click(function() {  
		            var username = encode64($("#username").val());  //对数据加密  
		            var password = encode64($("#password").val());  
		            alert(username);
		            alert(password);
		            $("#username").val(username);  
		            $("#password").val(password);  
		            document.fm.submit();  //fm为form表单name  
		        })  
		    })  
		      
		    // base64加密开始  
		    var keyStr = "ABCDEFGHIJKLMNOP" + "QRSTUVWXYZabcdef" + "ghijklmnopqrstuv"  
		            + "wxyz0123456789+/" + "=";  
		      
		    function encode64(input) {  
		  
		        var output = "";  
		        var chr1, chr2, chr3 = "";  
		        var enc1, enc2, enc3, enc4 = "";  
		        var i = 0;  
		        do {  
		            chr1 = input.charCodeAt(i++);  
		            chr2 = input.charCodeAt(i++);  
		            chr3 = input.charCodeAt(i++);  
		            enc1 = chr1 >> 2;  
		            enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);  
		            enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);  
		            enc4 = chr3 & 63;  
		            if (isNaN(chr2)) {  
		                enc3 = enc4 = 64;  
		            } else if (isNaN(chr3)) {  
		                enc4 = 64;  
		            }  
		            output = output + keyStr.charAt(enc1) + keyStr.charAt(enc2)  
		                    + keyStr.charAt(enc3) + keyStr.charAt(enc4);  
		            chr1 = chr2 = chr3 = "";  
		            enc1 = enc2 = enc3 = enc4 = "";  
		        } while (i < input.length);  
		  
		        return output;  
		    }  
		    // base64加密结束  
	})
</script>
</head>
<body>
	<a href="index2">跳转到index2</a>
	<form action="testBase64" name="fm">
		<input type="text" name="username" id="username"/>
		<input type="password" name="password" id="password" />
		<button id="btn">0000</button>
	</form>
	
</body> 
</html>

后端代码

	@RequestMapping("/testBase64")
	public void aas(String username,String password) throws SQLException {
		System.out.println("解密前username:"+username);
		System.out.println("解密前password:"+password);
		System.out.println("解密后username:"+new String(Base64Utils.decode(username)));
		System.out.println("解密后password:"+new String(Base64Utils.decode(password)));
	}

解密类代码

public class Base64Utils {

	
	private static char[] base64EncodeChars = new char[] { 'A', 'B', 'C', 'D',  
	        'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q',  
	        'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', 'a', 'b', 'c', 'd',  
	        'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q',  
	        'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', '0', '1', '2', '3',  
	        '4', '5', '6', '7', '8', '9', '+', '/', };  
	  
	private static byte[] base64DecodeChars = new byte[] { -1, -1, -1, -1, -1,  
	        -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,  
	        -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,  
	        -1, -1, -1, -1, 62, -1, -1, -1, 63, 52, 53, 54, 55, 56, 57, 58, 59,  
	        60, 61, -1, -1, -1, -1, -1, -1, -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9,  
	        10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, -1,  
	        -1, -1, -1, -1, -1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37,  
	        38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, -1, -1, -1,  
	        -1, -1 };  
	  
	/** 
	 * 解密 
	 * @param str 
	 * @return 
	 */  
	public static byte[] decode(String str) {  
	    byte[] data = str.getBytes();  
	    int len = data.length;  
	    ByteArrayOutputStream buf = new ByteArrayOutputStream(len);  
	    int i = 0;  
	    int b1, b2, b3, b4;  
	  
	    while (i < len) {  
	        do {  
	            b1 = base64DecodeChars[data[i++]];  
	        } while (i < len && b1 == -1);  
	        if (b1 == -1) {  
	            break;  
	        }  
	  
	        do {  
	            b2 = base64DecodeChars[data[i++]];  
	        } while (i < len && b2 == -1);  
	        if (b2 == -1) {  
	            break;  
	        }  
	        buf.write((int) ((b1 << 2) | ((b2 & 0x30) >>> 4)));  
	  
	        do {  
	            b3 = data[i++];  
	            if (b3 == 61) {  
	                return buf.toByteArray();  
	            }  
	            b3 = base64DecodeChars[b3];  
	        } while (i < len && b3 == -1);  
	        if (b3 == -1) {  
	            break;  
	        }  
	        buf.write((int) (((b2 & 0x0f) << 4) | ((b3 & 0x3c) >>> 2)));  
	  
	        do {  
	            b4 = data[i++];  
	            if (b4 == 61) {  
	                return buf.toByteArray();  
	            }  
	            b4 = base64DecodeChars[b4];  
	        } while (i < len && b4 == -1);  
	        if (b4 == -1) {  
	            break;  
	        }  
	        buf.write((int) (((b3 & 0x03) << 6) | b4));  
	    }  
	    return buf.toByteArray();  
	} 
	
}

结果

在这里插入图片描述

同样密码每次生成不一样加密结果

来源：https://www.cnblogs.com/seanRay/p/15336332.html

前端

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>index</title>
		<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.min.js"></script>
		<script type="text/javascript">
			$(function() {
				$("#btn").click(function() {

					//动态从后端获取加密用的key
					var $key = "";
					$.ajax({
						type: "post",
						async: false,
						url: "http://127.0.0.1:8081/test/key",
						success: function(result) {
							console.log(result);
							$key = result;
						}
					})

					//获取输入的用户名和密码
					var username = $("#username").val();
					var $password = $("#password").val();
					console.log("加密前：name:"+username+",pwd:"+$password);
					

					//将字符串转换成utf-8编码格式的WordArray对象
					var key = CryptoJS.enc.Utf8.parse($key);
					console.log("key:" + key + ",$key:" + $key);
					var password = CryptoJS.enc.Utf8.parse($password);

					//使用AES加密算法对其进行加密。加密过程中使用了key作为密钥，采用ECB模式和Pkcs7填充方式
					var encrypted = CryptoJS.AES.encrypt(password, key, {
						mode: CryptoJS.mode.ECB,
						padding: CryptoJS.pad.Pkcs7
					});
					//加密后转为字符串
					var encryptedPwd = encrypted.toString();

					console.log("对密码加密:" + encrypted);
					console.log("加密后转为字符串:" + encryptedPwd);
					//对加密结果进行解密
					var decrypt = CryptoJS.AES.decrypt(encryptedPwd, key, {
						mode: CryptoJS.mode.ECB,
						padding: CryptoJS.pad.Pkcs7
					});
					//解密结果转为字符串
					var testDecryptStr = CryptoJS.enc.Utf8.stringify(decrypt).toString();

					console.log("解密:" + decrypt);
					console.log("解密结果字符串:" + testDecryptStr);

					//发送请求到后端
					var requestBody = {
						name: username,
						pwd: encryptedPwd, //加密后的密码
						key: $key //加密用的key
					};
					$.ajax({
						"url": "http://127.0.0.1:8081/test/test1",
						"type": "post",
						"data": requestBody,
						"dataType": "json",
						"success": function(response) {
							console.log("请求成功，解密结果："+response.data);
						},

						"error": function(response) {

						}
					});
					
					console.log("----------------------");

				})
			})
		</script>
	</head>
	<body>
		<a href="index2">跳转到index2</a>
		<form action="" name="fm">
			<input type="text" name="username" id="username" />
			<input type="password" name="password" id="password" />
			<button type="button" id="btn">发送请求</button>
		</form>

	</body>
</html>

后端

加解密工具类

package com.wzw.config.utils;

import org.apache.commons.codec.binary.Base64;
import javax.crypto.Cipher;
import javax.crypto.spec.SecretKeySpec;

public class AesUtils {

    private static final String ALGORITHMSTR = "AES/ECB/PKCS5Padding";

    /**
     * 加密
     * @param content   要加密的内容
     * @param key   加密用的key
     * @return  加密后的值
     */
    public static String encrypt(String content, String key) {
        try {
            //获得密码的字节数组
            byte[] raw = key.getBytes();
            //根据密码生成AES密钥
            SecretKeySpec skey = new SecretKeySpec(raw, "AES");
            //根据指定算法ALGORITHM自成密码器
            Cipher cipher = Cipher.getInstance(ALGORITHMSTR);
            //初始化密码器，第一个参数为加密(ENCRYPT_MODE)或者解密(DECRYPT_MODE)操作，第二个参数为生成的AES密钥
            cipher.init(Cipher.ENCRYPT_MODE, skey);
            //获取加密内容的字节数组(设置为utf-8)不然内容中如果有中文和英文混合中文就会解密为乱码
            byte [] byte_content = content.getBytes("utf-8");
            //密码器加密数据
            byte [] encode_content = cipher.doFinal(byte_content);
            //将加密后的数据转换为字符串返回
            return Base64.encodeBase64String(encode_content);
        } catch (Exception e) {
            e.printStackTrace();
            return null;
        }
    }

    /**
     * 解密
     * @param encryptStr    加密后密码
     * @param decryptKey    加密的key
     * @return  解密值
     */
    public static String decrypt(String encryptStr, String decryptKey) {
        try {
            //获得密码的字节数组
            byte[] raw = decryptKey.getBytes();
            //根据密码生成AES密钥
            SecretKeySpec skey = new SecretKeySpec(raw, "AES");
            //根据指定算法ALGORITHM自成密码器
            Cipher cipher = Cipher.getInstance(ALGORITHMSTR);
            //初始化密码器，第一个参数为加密(ENCRYPT_MODE)或者解密(DECRYPT_MODE)操作，第二个参数为生成的AES密钥
            cipher.init(Cipher.DECRYPT_MODE, skey);
            //把密文字符串转回密文字节数组
            byte [] encode_content = Base64.decodeBase64(encryptStr);
            //密码器解密数据
            byte [] byte_content = cipher.doFinal(encode_content);
            //将解密后的数据转换为字符串返回
            return new String(byte_content,"utf-8");
        } catch (Exception e) {
            e.printStackTrace();
            return null;
        }
    }
}

controller

import cn.hutool.core.util.RandomUtil;
import com.wzw.base.pojo.Result;
import com.wzw.base.pojo.User;
import com.wzw.config.utils.AesUtils;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
@RequestMapping("/test")
public class TestController {

    @RequestMapping("/test1")
    @ResponseBody
    public Result test1(User user,String key) throws Exception {
		
        String s = AesUtils.decrypt(user.getPwd(), key);
        System.out.println(s);
        Result ok = Result.ok();
        ok.setData(s);

        return ok;
    }

    @RequestMapping("/key")
    @ResponseBody
    private String create16String()
    {
        return RandomUtil.randomString(16);
    }


}

结果

加密结果不一样，但是解密结果一样
在这里插入图片描述

WuWuII
关注
JS前台加密,java后台解密实现
04-04
需要对用户信息进行加密,前台js中对用户名密码进行加密传输。 然后后台进行解密操作
JS前端加密、JAVA后端解密详解
热门推荐
玩火的稻草人的博客
02-13 1万+
最近有一个加解密的需求，其实没有什么难度，但是实践过程中踩了很多坑，把踩坑过程分享出来。 1、前端JS加密 aesMinEncrypt: function(key, iv, word){ var _word = CryptoJS.enc.Utf8.parse(word), _key = CryptoJS.enc.Utf8.parse(key), _iv = Crypto...
JavaScript页面加密实用技术：Base64、MD5和SHA案例解析
最新发布
weixin_30820933的博客
09-26 1384
本文还有配套的精品资源，点击获取 简介：JavaScript是网页开发的关键脚本语言，常用于处理客户端逻辑和服务器通信。为确保代码安全，开发者会采用加密技术对JavaScript页面进行加密。本文重点介绍了三种常用加密方法：Base64编码、MD5和SHA哈希算法，并提供了实现这些加密方法的简单代码示例。Base64适用于数据传输，MD5和SHA则主要用于数据校验和密码存储...
前端JS加密，后端JAVA解密实例.rar
05-23
前端JS加密，后端JAVA解密实例和代码，适合前端加密参数然后传到后端解密。
JS实现前端密码加密，后台解密
a654540233的博客
04-28 3589
前端JS加密
传输密码加密:rsa实现js前台加密java后台解密
01-21
源码的应用场景： 项目中，要求保护用户的密码信息，不允许在http中传递明文的密码信息 实现： 用RSA非对称加密方式实现。后台生成rsa密钥对，然后在登陆页面设置rsa公钥，提交时用公钥加密密码，生成的密文传到后台，用私钥解密，获取密码明文。 这样客户端只需要知道rsa加密方式和公钥，前台不知道私钥是无法解密的，此解决方案还是相对比较安全的。 使用源码的注意事项： http://blog.csdn.net/wu_jia123/article/details/50553128
与上传的另一篇资源JS前端加密所对应的.NET版本的加密解密，可实现js加密，后台解密，后台加密，js端解密
12-11
本资源是对另一篇资源js端加密，后台解密/JS端解密，后台加密的后台版本，已亲测可用，并且加密和解密都可正常执行，注意：本资源中包含AES加密解密，RSA加密解密，以及生成PEM格式的RSA公私秘钥，但是有点没做好的...
JS加密C#解密
09-17
1. 前端：使用JavaScript加密库（如CryptoJS、Forge等）对敏感数据进行加密，生成密文。 2. 传输：将加密后的密文通过HTTPS等安全协议发送至服务器，确保在传输过程中数据不被中间人攻击。 3. 后端：.NET服务器接收...
java后台及前端js使用AES互相加解密及前端md5加密
11-02
本主题涉及的是在Java后台与前端JavaScript之间利用AES（Advanced Encryption Standard）进行加解密，以及前端的MD5（Message-Digest Algorithm 5）加密技术。以下是关于这些知识点的详细解释： 1. **AES加密**：...
Javascript加密,java后台解密Demo
11-09
本示例“Javascript加密,java后台解密Demo”提供了一种解决方案，它涉及到前端JavaScript对数据进行加密，然后在后端Java环境中进行解密，确保了数据在客户端与服务器间的安全交互。以下是关于这个Demo的详细知识点...
前台js数据加密，后台解密
12-04
完美前后端加密案例，避免去Goole下载工具包。很好的案例。前后端加密案例模拟
实现使用3des在页面js加密，后台java解密
12-04
实现使用3des在页面js加密，后台java解密
AES实现前端JS和后端java加密解密
10-18
前台页面通过引入提供的两个js，实现AES加密解密。后端java代码通过压缩包里的博客信息配置AESUtil.java公共类。
js文件解密方法
06-14
类似eval(function(p,a,c,k,e,d){...开头的加密文件的解密方法。非常好用
js 解密
学长的猫的博客
01-06 2310
我们新建一个工程，抽取主干代码。可以看到，加密函数为：_0x3cbb8c选择一段密文进行解密。在分析接口的时候，我们看到请求做了加密。查看事件我们发信啊了方法。写一段代码，仿照请求。
js解密
tanxuefeng11的专栏
01-31 326
html> head> meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> head> script> a=62; function encode() { var code = document.getElementById('code').value; code = code.replace(/[\r
RSA前台js加密后台Java解密
weixin_42834380的博客
10-16 728
RSA前台使用js加密，后台使用Java解密时遇到解密字节超过128byte，但是代码经过多次检查没有发现错误，错误有可能是： 观察前台传递过来的密文，和前台加密后，没有传递的密文对比，你会发现，两个的长度不一样，他们不一样的原因是： miyao1 = miyao1.replaceAll("%2F","/"); miyao1 = miyao1.replaceAll("%2B","+"); miya...
前端js jsencrypt加密，后端解密
CYY941027的博客
02-23 4526
前端引入jsencrypt.min.js。
JS前端加密 后端java解密
彼岸舞的博客
12-23 1833
问题背景: 　　前几天项目做渗透测试的时候出现了两个高危漏洞 经过排查发现是因为前端在登录的时候没有对密码等用户信息做加密处理 解决方案: 　　做一下最简单的处理,前端采用JS自带的atob加密,后端采用工具解密 前端JS代码: //加密字符串,可以先将中文加密，然后再用btoa加密 encryption(str) { var encStr = encodeU...
js 给 {}类型 加密 后台解密
09-12
在JavaScript中，给`{}`类型的对象加密并后台解密通常涉及到序列化和加密算法的应用。首先，你需要将对象转换为字符串形式，然后对这个字符串进行加密。这里是一个简单的步骤概述： 1. **对象序列化**: 使用`JSON....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值