前端加密，后端解密的过程及代码（密码明文传输解决，不是太保险。key在前端有显示）

在工作中经常遇到密码明文传输这个问题，为了让密码安全些会让加密，现在有个比较方便的AES加密分享给大家，话不多说，上代码

1，首先引入前端需要用到的js：crypto-js，下载命令    npm install crypto-js

将 crypto-js 文件放到要引用的路径

以下是要引用到的js

2，引用，jQuery也要记得引用哦

 3，在登录页的登录按钮的function里，设置key值和iv值，这是加密的设置字段，定义要进行加密的密码passwordNode

 下面再加个function

	function aesMinEncrypt(key, iv, word){
		var _word = CryptoJS.enc.Utf8.parse(word),
				_key = CryptoJS.enc.Utf8.parse(key),
				_iv = CryptoJS.enc.Utf8.parse(iv);
		var encrypted = CryptoJS.AES.encrypt(_word, _key, {
			iv: _iv,
			mode: CryptoJS.mode.CBC,
			padding: CryptoJS.pad.Pkcs7
		});
		return encrypted.toString();
	}

3，（另一种）上面的过程也可以这样

function encryption(){
		//密钥 (需要前端和后端保持一致)十六位作为密钥
		var key = "ABCDEFGHIJKL_key";
		//密钥偏移量 (需要前端和后端保持一致)十六位作为密钥偏移量
		var iv = "ABCDEFGHIJKLM_iv";
		var username=document.getElementById("usr").value;
		// var passwordNode=document.getElementById("paw").value;
		var passwordNode=aesMinEncrypt(key,iv,$("#paw").val());
		console.log(passwordNode);
		alert("加密后的密码为："+passwordNode);
		$.ajax({
			url: "login",
			async:false,
			type: "POST",
			data: {'username':username,'password':passwordNode},
			success: function (result) {
				$("html").html(result);
			}
		});
	}
	function aesMinEncrypt(key, iv, word){
		var _word = CryptoJS.enc.Utf8.parse(word),
				_key = CryptoJS.enc.Utf8.parse(key),
				_iv = CryptoJS.enc.Utf8.parse(iv);
		var encrypted = CryptoJS.AES.encrypt(_word, _key, {
			iv: _iv,
			mode: CryptoJS.mode.CBC,
			padding: CryptoJS.pad.Pkcs7
		});
		return encrypted.toString();
		$("#form").submit();
	}

4，前端加密就算是完成了，接下来是后端解密，后端解密需要用到一个工具类   AESUtils,里面是解密方法代码如下

package com.wuye.common.utils;
import cn.jpush.api.utils.StringUtils;
import sun.misc.BASE64Decoder;
import javax.crypto.Cipher;
import javax.crypto.spec.IvParameterSpec;
import javax.crypto.spec.SecretKeySpec;
/**
 * TODO
 *
 * @author CSD
 * @date 2022-07-28 14:16
 */
public class AESUtils {
    //密钥 (需要前端和后端保持一致)十六位作为密钥
    private static final String KEY = "ABCDEFGHIJKL_key";
    //密钥偏移量 (需要前端和后端保持一致)十六位作为密钥偏移量
    private static final String IV = "ABCDEFGHIJKLM_iv";
    //算法
    private static final String ALGORITHMSTR = "AES/CBC/PKCS5Padding";
    /**
     * base 64 decode
     * @param base64Code 待解码的base 64 code
     * @return 解码后的byte[]
     * @throws Exception
     */
    public static byte[] base64Decode(String base64Code) throws Exception{
        return StringUtils.isEmpty(base64Code) ? null : new BASE64Decoder().decodeBuffer(base64Code);
    }
    /**
     * AES解密
     * @param encryptBytes 待解密的byte[]
     * @return 解密后的String
     * @throws Exception
     */
    public static String aesDecryptByBytes(byte[] encryptBytes) throws Exception {
        Cipher cipher = Cipher.getInstance(ALGORITHMSTR);
        byte[] temp = IV.getBytes("UTF-8");
        IvParameterSpec iv = new IvParameterSpec(temp);
        cipher.init(Cipher.DECRYPT_MODE, new SecretKeySpec(KEY.getBytes(), "AES"), iv);
        byte[] decryptBytes = cipher.doFinal(encryptBytes);
        System.out.print(new String(decryptBytes));
        return new String(decryptBytes);
    }
    /**
     * 将base 64 code AES解密
     * @param encryptStr 待解密的base 64 code
     * @return 解密后的string
     * @throws Exception
     */
    public static String aesDecrypt(String encryptStr) throws Exception {
        return StringUtils.isEmpty(encryptStr) ? null : aesDecryptByBytes(base64Decode(encryptStr));
    }
    //测试一下
    public static void main(String[] args) throws Exception {
        String str = "Q uus tQvLdwtGSldhrtKQ==";
        str = str.replace(" ", "+");
        System.out.println(str);
        aesDecrypt(str);
    }
}

5，在密码验证的java页面做解密，建议打断点看看走的哪里，解密很简单，就一句

password = AESUtils.aesDecrypt(getPassword(request));

看你的具体页面需不需要抛个异常，我本身是下面这种情况

在另外一个项目里，我又发现，解密语句很简单，但是最重要是看你的登录走的哪里，然后出现如下

 但是大差不差，核心语句就是使用解密类的方法对获取到的密码进行解密。

谢谢大家的观看，也希望各位大佬能给出好的建议，如果觉得不错就点个赞再走吧，嘿嘿！