JavaScript 加解密库(crypto-js)

JavaScript 加解密库(crypto-js)

Vue项目的加密， 保证数据安全性能。
要用 AES 算法加密，首先我们要引入 crypto-js ，crypto-js 是一个纯 javascript 写的加密算法类库 ，可以非常方便地在 javascript 进行 MD5、SHA1、SHA2、SHA3、RIPEMD-160 哈希散列，进行 AES、DES、Rabbit、RC4、Triple DES 加解密， 采用 cnpm install crypto-js --save 进行下载安装，也可以直接去 GitHub下载源码

1、在package.json里面添加"crypto-js": “^^3.1.9-1”

1 安装控件.
cnpm install crypto-js --save

import CryptoJS from ‘crypto-js’

3 定义两个方法 ，分别是用于加密和解密，这里我将它放在了 utils 文件夹下

 const CryptoJS = require('crypto-js');  //引用AES源码js

const key = CryptoJS.enc.Utf8.parse("1234123412ABCDEF");  //十六位十六进制数作为密钥
const iv  = CryptoJS.enc.Utf8.parse('ABCDEF1234123412');   //十六位十六进制数作为密钥偏移量

//解密方法
function Decrypt(word) {
    let encryptedHexStr = CryptoJS.enc.Hex.parse(word);
    let srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr);
    let decrypt = CryptoJS.AES.decrypt(srcs, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 });
    let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
    return decryptedStr.toString();
}

//加密方法
function Encrypt(word) {
    let srcs = CryptoJS.enc.Utf8.parse(word);
    let encrypted = CryptoJS.AES.encrypt(srcs, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 });
    return encrypted.ciphertext.toString().toUpperCase();
}

export default {
    Decrypt ,
    Encrypt
}

.vue 页面增加:

 import secret  from '@/utils/secret'

alert(secret.Encrypt(this.base_dzggModel.b_te_title));

引用输出

后台 util

package com.ysu.utils;

/**
 * AES 128bit 加密解密工具类
 * @author yulizi
 */

import org.apache.commons.codec.binary.Base64;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Component;

import com.alibaba.fastjson.JSON;

import java.util.HashMap;
import java.util.Map;

import javax.crypto.Cipher;
import javax.crypto.spec.IvParameterSpec;
import javax.crypto.spec.SecretKeySpec;


public class AESUtil {

	// 使用AES-128-CBC加密模式，key需要为16位,key和iv可以相同，也可以不同!
	private static String KEY = "1234123412ABCDEF";
	private static String IV  = "ABCDEF1234123412";
	private static final String CIPHER_ALGORITHM_CBC = "AES/CBC/NoPadding";
 
	/**
	 * 加密方法 返回base64加密字符串 和前端保持一致
	 * 
	 * @param data 要加密的数据
	 * @param key  加密key
	 * @param iv   加密iv
	 * @return 加密的结果
	 * @throws Exception
	 */
	public static String encrypt(String data, String key, String iv) throws Exception {
		try {
			Cipher cipher = Cipher.getInstance(CIPHER_ALGORITHM_CBC);// "算法/模式/补码方式"NoPadding PKCS5Padding
			int blockSize = cipher.getBlockSize();

			byte[] dataBytes = data.getBytes();
			int plaintextLength = dataBytes.length;
			if (plaintextLength % blockSize != 0) {
				plaintextLength = plaintextLength + (blockSize - (plaintextLength % blockSize));
			}
			byte[] plaintext = new byte[plaintextLength];
			System.arraycopy(dataBytes, 0, plaintext, 0, dataBytes.length);

			SecretKeySpec keyspec = new SecretKeySpec(key.getBytes(), "AES");
			IvParameterSpec ivspec = new IvParameterSpec(iv.getBytes());

			cipher.init(Cipher.ENCRYPT_MODE, keyspec, ivspec);
			byte[] encrypted = cipher.doFinal(plaintext);

			return new Base64().encodeToString(encrypted);
		} catch (Exception e) {
			e.printStackTrace();
			return null;
		}
	}

	/**
	 * 解密方法
	 * 
	 * @param data 要解密的数据
	 * @param key  解密key
	 * @param iv   解密iv
	 * @return 解密的结果
	 * @throws Exception
	 */
	public static String decrypt(String data, String key, String iv) throws Exception {
		try {
//        byte[] encrypted1 = new Base64().decode(data);
			Cipher cipher = Cipher.getInstance(CIPHER_ALGORITHM_CBC);
			SecretKeySpec keyspec = new SecretKeySpec(key.getBytes(), "AES");
			IvParameterSpec ivspec = new IvParameterSpec(iv.getBytes());
			cipher.init(Cipher.DECRYPT_MODE, keyspec, ivspec);
			byte[] original = cipher.doFinal(new Base64().decode(data));
			String originalString = new String(original);
			return originalString;
		} catch (Exception e) {
			e.printStackTrace();
			return null;
		}
	}

	/**
	 * 使用默认的key和iv加密
	 * 
	 * @param data
	 * @return
	 * @throws Exception
	 */
	public static String encrypt(String data) throws Exception {
		return encrypt(data, KEY, IV);
	}

	/**
	 * 使用默认的key和iv解密
	 * 
	 * @param data
	 * @return
	 * @throws Exception
	 */
	public static String decrypt(String data) throws Exception {
		return decrypt(data, KEY, IV);
	}

	/**
	 * 测试
	 */
	@SuppressWarnings({ "unchecked", "rawtypes" })
	public static void main(String args[]) throws Exception {
		Map map = new HashMap<>();
		map.put("code", "0");
		map.put("data", "1234567890");
		String test1 = JSON.toJSONString(map);
		String test = new String(test1.getBytes(), "UTF-8");
		String data = null;
		data = encrypt(test);
		System.out.println("数据：" + test);
		System.out.println("加密：" + data);
		String jiemi = decrypt(data).trim();
		System.out.println("解密：" + jiemi);

	}
}

数据保存的时候加密到数据库中,读取的时候解密给前端页面.