前端CryptoJS加密、后端JAVA解密代碼實現(xiàn)參考

更新時間：2023年12月24日 08:51:48 投稿：WDC

這篇文章主要介紹了前端CryptoJS加密、后端JAVA解密代碼實現(xiàn)參考,需要的朋友可以參考下

前端的朋友可能會關注前端js加密，我們在做 WEB 的登錄功能時一般是通過 Form 提交或 Ajax 方式提交到服務器進行驗證的。為了防止抓包，登錄密碼肯定要先進行一次加密（RSA），再提交到服務器進行驗證。

1、使用AES算法的CBC模式加密

1.1、前端加密代碼實現(xiàn)參考

vue項目需要安裝CryptoJS安裝包，安裝命令如下：

npm install crypto-js

在項目中引入CryptoJS

import CryptoJS from 'crypto-js'

參考代碼如下：

<script>
     // 此處key為16進制
     let key = '385f33cb91484b04a177828829081ab7';
     console.log('密鑰：', key);
     // key格式化處理
     key = CryptoJS.enc.Utf8.parse(key)
     // 偏移量長度為16位, 注：偏移量需要與后端定義好，保證一致
     let iv = "37fa77f6a3b0462d";
     iv = CryptoJS.enc.Utf8.parse("37fa77f6a3b0462d");
     // 加密內(nèi)容
     const source = {
    	"username": "用戶名",
    	"password": "密碼",
    	"timestamp": new Date().getTime()
	}
	const content = JSON.stringify(source);
     console.log('加密前：', source);
     // 加密方法
     const encryptedContent = CryptoJS.AES.encrypt(content, key, {
         iv: iv,
         mode: CryptoJS.mode.CBC,  
         padding: CryptoJS.pad.Pkcs7
     })
     const encStr = encryptedContent.ciphertext.toString()
     console.log("加密后：", encStr);
     // 解密方法
     const decryptedContent = CryptoJS.AES.decrypt(CryptoJS.format.Hex.parse(encStr), key, {
         iv: iv,
         mode: CryptoJS.mode.CBC,  
         padding: CryptoJS.pad.Pkcs7
     })
     console.log('解密:',CryptoJS.enc.Utf8.stringify(decryptedContent));
</script>

前端打印結(jié)果

說明：

1> CBC模式前、后端需要確定偏移量的值，并且保持一致，這樣才能確保后端解密成功。

2> 前端CBC模式或者ECB模式下的填充方式 Pkcs7，對應后端AES算法模式中的 PKCS5Padding 填充方式

3> CryptoJS對應的API文檔地址：https://cryptojs.gitbook.io/docs/#encoders

1.2、后端解密代碼實現(xiàn)參考

后端代碼實現(xiàn)需要引入的maven依賴如下：

<dependency>
    <groupId>commons-codec</groupId>
    <artifactId>commons-codec</artifactId>
    <version>1.15</version>
</dependency>

參考代碼實現(xiàn)如下：

import org.apache.commons.codec.DecoderException;
import org.apache.commons.codec.binary.Hex;
 
import javax.crypto.*;
import javax.crypto.spec.IvParameterSpec;
import javax.crypto.spec.SecretKeySpec;
import java.io.UnsupportedEncodingException;
import java.security.InvalidAlgorithmParameterException;
import java.security.InvalidKeyException;
import java.security.NoSuchAlgorithmException;
 
/**
 * AES對稱加密工具類
 *
 * @author 星空流年
 */
public class AesUtil {
    /**
     * 偏移量
     *
     * 說明：偏移量字符串必須是16位 當模式是CBC的時候必須設置偏移量
     * 此處值與前端偏移量值保持一致
     */
    private static String iv = "37fa77f6a3b0462d";
 
    /**
     * 加密算法
     */
    private static String Algorithm = "AES";
 
    /**
     * 算法/模式/補碼方式
     */
    private static String AlgorithmProvider = "AES/CBC/PKCS5Padding";
 
    /**
     * 加密
     *
     * @param src 加密內(nèi)容
     * @param uniqueKey 加密key
     * @return
     * @throws NoSuchPaddingException
     * @throws NoSuchAlgorithmException
     * @throws InvalidKeyException
     * @throws BadPaddingException
     * @throws IllegalBlockSizeException
     * @throws InvalidAlgorithmParameterException
     * @throws UnsupportedEncodingException
     */
    public static String encrypt(String src, String uniqueKey) throws NoSuchPaddingException, NoSuchAlgorithmException, InvalidKeyException, BadPaddingException, IllegalBlockSizeException, InvalidAlgorithmParameterException, UnsupportedEncodingException {
        byte[] key = uniqueKey.getBytes();
        SecretKey secretKey = new SecretKeySpec(key, Algorithm);
        IvParameterSpec ivParameterSpec = new IvParameterSpec(iv.getBytes("utf-8"));
        Cipher cipher = Cipher.getInstance(AlgorithmProvider);
        cipher.init(Cipher.ENCRYPT_MODE, secretKey, ivParameterSpec);
        byte[] cipherBytes = cipher.doFinal(src.getBytes("UTF-8"));
        return byteToHexString(cipherBytes);
    }
 
    /**
     * 解密
     *
     * @param enc       加密內(nèi)容
     * @param uniqueKey 唯一key
     * @return
     * @throws NoSuchPaddingException
     * @throws NoSuchAlgorithmException
     * @throws UnsupportedEncodingException
     * @throws InvalidAlgorithmParameterException
     * @throws InvalidKeyException
     * @throws DecoderException
     * @throws BadPaddingException
     * @throws IllegalBlockSizeException
     */
    public static String decrypt(String enc, String uniqueKey) throws NoSuchPaddingException, NoSuchAlgorithmException, UnsupportedEncodingException, InvalidAlgorithmParameterException, InvalidKeyException, DecoderException, BadPaddingException, IllegalBlockSizeException {
        byte[] key = uniqueKey.getBytes();
        SecretKey secretKey = new SecretKeySpec(key, Algorithm);
        IvParameterSpec ivParameterSpec = new IvParameterSpec(iv.getBytes("utf-8"));
        Cipher cipher = Cipher.getInstance(AlgorithmProvider);
        cipher.init(Cipher.DECRYPT_MODE, secretKey, ivParameterSpec);
        byte[] hexBytes = hexStringToBytes(enc);
        byte[] plainBytes = cipher.doFinal(hexBytes);
        return new String(plainBytes, "UTF-8");
    }
 
    /**
     * 將byte數(shù)組轉(zhuǎn)換為16進制字符串
     *
     * @param src
     * @return
     */
    private static String byteToHexString(byte[] src) {
        return Hex.encodeHexString(src);
    }
 
    /**
     * 將16進制字符串轉(zhuǎn)換為byte數(shù)組
     *
     * @param hexString
     * @return
     */
    private static byte[] hexStringToBytes(String hexString) throws DecoderException {
        return Hex.decodeHex(hexString);
    }
 
    /**
     * AES加密、解密測試方法
     *
     * @param args
     */
    public static void main(String[] args) {
        try {
            // 唯一key作為密鑰
            String uniqueKey = "385f33cb91484b04a177828829081ab7";
            // 加密前數(shù)據(jù)，此處數(shù)據(jù)與前端數(shù)據(jù)一致(加密內(nèi)容包含有時間戳)，請注意查看前端加密前數(shù)據(jù)
            String src = "{\"username\":\"用戶名\",\"password\":\"密碼\",\"timestamp\":1628218094188}";
            System.out.println("密鑰:" + uniqueKey);
            System.out.println("原字符串:" + src);
            // 加密
            String encrypt = encrypt(src, uniqueKey);
            System.out.println("加密：" + encrypt);
            // 解密
            String decrypt = decrypt(encrypt, uniqueKey);
            System.out.println("解密：" + decrypt);
        } catch (InvalidKeyException e) {
            e.printStackTrace();
        } catch (NoSuchAlgorithmException e) {
            e.printStackTrace();
        } catch (NoSuchPaddingException e) {
            e.printStackTrace();
        } catch (IllegalBlockSizeException e) {
            e.printStackTrace();
        } catch (BadPaddingException e) {
            e.printStackTrace();
        } catch (UnsupportedEncodingException e) {
            e.printStackTrace();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

測試結(jié)果

2、使用AES算法的ECB模式加密

前面也說到，AES的ECB和CBC模式下的填充方式 Pkcs7，對應后端AES算法模式中的 PKCS5Padding 填充方式，只不過CBC模式需要添加偏移量，而ECB模式則不需要，大體實現(xiàn)方式本質(zhì)上沒有太大差別。

2.1、前端加密代碼實現(xiàn)參考

vue項目需要安裝CryptoJS安裝包，安裝命令如下：

npm install crypto-js

在項目中引入CryptoJS

import CryptoJS from 'crypto-js'

參考代碼如下：

<script>
     // 此處key為16進制
     let key = '385f33cb91484b04a177828829081ab7';
     console.log('密鑰：', key);
     // key格式化處理
     key = CryptoJS.enc.Utf8.parse(key)
	// 加密內(nèi)容
     const source = {
    	"username": "用戶名",
    	"password": "密碼",
    	"timestamp": new Date().getTime()
	}
	const content = JSON.stringify(source);
     console.log('加密前：', source);
     // 加密方法
     const encryptedContent = CryptoJS.AES.encrypt(content, key, {
         mode: CryptoJS.mode.ECB,  
         padding: CryptoJS.pad.Pkcs7
     })
     const encStr = encryptedContent.ciphertext.toString()
     console.log('加密后：', encStr);
     // 解密方法
     const decryptedContent = CryptoJS.AES.decrypt(CryptoJS.format.Hex.parse(encStr), key, {
         mode: CryptoJS.mode.ECB,  
         padding: CryptoJS.pad.Pkcs7
     })
     console.log('解密:',CryptoJS.enc.Utf8.stringify(decryptedContent));
</script>

前端打印結(jié)果

2.2、后端加密代碼實現(xiàn)參考

import org.apache.commons.codec.DecoderException;
import org.apache.commons.codec.binary.Hex;
 
import javax.crypto.*;
import javax.crypto.spec.SecretKeySpec;
import java.io.UnsupportedEncodingException;
import java.nio.charset.StandardCharsets;
import java.security.InvalidAlgorithmParameterException;
import java.security.InvalidKeyException;
import java.security.NoSuchAlgorithmException;
 
/**
 * AES對稱加密工具類
 *
 * @author 星空流年
 */
public class AesUtil {
    /**
     * 加密算法
     */
    private static String Algorithm = "AES";
 
    /**
     * 算法/模式/補碼方式
     */
    private static String AlgorithmProvider = "AES/ECB/PKCS5Padding";
 
    /**
     * 加密
     *
     * @param src       原內(nèi)容
     * @param uniqueKey 唯一key
     * @return
     * @throws NoSuchPaddingException
     * @throws NoSuchAlgorithmException
     * @throws InvalidKeyException
     * @throws BadPaddingException
     * @throws IllegalBlockSizeException
     * @throws DecoderException
     */
    public static String encrypt(String src, String uniqueKey) throws NoSuchPaddingException, NoSuchAlgorithmException, InvalidKeyException, BadPaddingException, IllegalBlockSizeException, DecoderException {
        byte[] key = uniqueKey.getBytes();
        SecretKey secretKey = new SecretKeySpec(key, Algorithm);
        Cipher cipher = Cipher.getInstance(AlgorithmProvider);
        cipher.init(Cipher.ENCRYPT_MODE, secretKey);
        byte[] cipherBytes = cipher.doFinal(src.getBytes(StandardCharsets.UTF_8));
        return byteToHexString(cipherBytes);
    }
 
    /**
     * 解密
     *
     * @param enc       加密內(nèi)容
     * @param uniqueKey 唯一key
     * @return
     * @throws NoSuchPaddingException
     * @throws NoSuchAlgorithmException
     * @throws UnsupportedEncodingException
     * @throws InvalidAlgorithmParameterException
     * @throws InvalidKeyException
     * @throws DecoderException
     * @throws BadPaddingException
     * @throws IllegalBlockSizeException
     */
    public static String decrypt(String enc, String uniqueKey) throws NoSuchPaddingException, NoSuchAlgorithmException, UnsupportedEncodingException, InvalidAlgorithmParameterException, InvalidKeyException, DecoderException, BadPaddingException, IllegalBlockSizeException {
        byte[] key = uniqueKey.getBytes();
        SecretKey secretKey = new SecretKeySpec(key, Algorithm);
        Cipher cipher = Cipher.getInstance(AlgorithmProvider);
        cipher.init(Cipher.DECRYPT_MODE, secretKey);
        byte[] hexBytes = hexStringToBytes(enc);
        byte[] plainBytes = cipher.doFinal(hexBytes);
        return new String(plainBytes, SystemConstants.UTF_8);
    }
 
    /**
     * 將byte數(shù)組轉(zhuǎn)換為16進制字符串
     *
     * @param src
     * @return
     */
    private static String byteToHexString(byte[] src) {
        return Hex.encodeHexString(src);
    }
 
    /**
     * 將16進制字符串轉(zhuǎn)換為byte數(shù)組
     *
     * @param hexString
     * @return
     */
    private static byte[] hexStringToBytes(String hexString) throws DecoderException {
        return Hex.decodeHex(hexString);
    }
 
    /**
     * AES加密、解密測試方法
     *
     * @param args
     */
    public static void main(String[] args) {
        try {
            // 唯一key作為密鑰
            String uniqueKey = "385f33cb91484b04a177828829081ab7";
            // 加密前數(shù)據(jù)，此處數(shù)據(jù)與前端數(shù)據(jù)一致(加密內(nèi)容包含有時間戳)，請注意查看前端加密前數(shù)據(jù)
            String src = "{\"username\":\"用戶名\",\"password\":\"密碼\",\"timestamp\":1628220492939}";
            System.out.println("密鑰:" + uniqueKey);
            System.out.println("原字符串:" + src);
            // 加密
            String encrypt = encrypt(src, uniqueKey);
            System.out.println("加密：" + encrypt);
            // 解密
            String decrypt = decrypt(encrypt, uniqueKey);
            System.out.println("解密：" + decrypt);
        } catch (InvalidKeyException e) {
            e.printStackTrace();
        } catch (NoSuchAlgorithmException e) {
            e.printStackTrace();
        } catch (NoSuchPaddingException e) {
            e.printStackTrace();
        } catch (IllegalBlockSizeException e) {
            e.printStackTrace();
        } catch (BadPaddingException e) {
            e.printStackTrace();
        } catch (UnsupportedEncodingException e) {
            e.printStackTrace();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

測試結(jié)果

到此這篇關于前端CryptoJS加密、后端解密代碼實現(xiàn)參考的文章就介紹到這了,更多相關前端CryptoJS加密、后端解密代碼實現(xiàn)參考內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

收集的一些Array及String原型對象的擴展實現(xiàn)代碼
收集的一些Array及String原型對象的擴展實現(xiàn)代碼，學習js的朋友可以參考下。并可以自定義的對字符串與array數(shù)據(jù)，進行擴展。
2010-12-12
js獲取dom的高度和寬度(可見區(qū)域及部分等等)
網(wǎng)頁可見區(qū)域?qū)捇蚋?、網(wǎng)頁正文全文寬或高以及網(wǎng)頁正文部分左或右，詳細請看下文，希望對大家有所幫助
2013-06-06
詳解JavaScript如何控制并發(fā)請求數(shù)量
某些情況下,我們可能需要對需要執(zhí)行的多個異步任務進行異步數(shù)量控制,只允許固定數(shù)量的任務執(zhí)行,本文為大家整理了JS控制并發(fā)請求數(shù)量的相關代碼,希望對大家有所幫助
2024-01-01
JavaScript+html5 canvas制作色彩斑斕的正方形效果
這篇文章主要介紹了JavaScript+html5 canvas制作色彩斑斕的正方形效果,實例分析了JavaScript結(jié)合html5 canvas實現(xiàn)圖形動態(tài)繪制的技巧,需要的朋友可以參考下
2016-01-01
js操縱dom生成下拉列表框的方法
這篇文章主要介紹了js操縱dom生成下拉列表框的方法,需要的朋友可以參考下
2014-02-02
js操作checkbox遇到的問題解決
這篇文章介紹了js操作checkbox遇到的問題解決，有需要的朋友可以參考一下
2013-06-06
ES6中的Promise對象與async和await方法詳解
Promise是es6引入的異步編程薪解決方案，語法上promise就是一個構(gòu)造函數(shù)，用來封裝異步操作病可以獲取其成功或失敗的結(jié)果，這篇文章主要介紹了ES6中的Promise對象與async和await方法,需要的朋友可以參考下
2022-12-12
TypeScript實現(xiàn)字符串轉(zhuǎn)樹結(jié)構(gòu)的方法詳解
有一個多行字符串，每行開頭會用空格來表示它的層級關系，每間隔一層它的空格總數(shù)為2，如何將它轉(zhuǎn)為json格式的樹型數(shù)據(jù)？本文就跟大家分享下這個算法
2022-09-09
用headjs來管理和加載js 提高網(wǎng)站加載速度
headjs其實是一整套的工具，本文介紹的是它其中的Javascript Loader功能。需要的朋友可以參考下
2016-11-11
小程序根據(jù)手機機型設置自定義底部導航距離
這篇文章主要為大家詳細介紹了小程序根據(jù)手機機型設置自定義底部導航距離，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-06-06