hoj默认登录的接口是明文传输密码的。

上面的截图可以看出,password是明文传输密码的。为了安全起见,我们把登录接口的密码改成对称加密模式。

这里主要使用的是AES对称加密。

1.前台JS加密

我们执行

 npm install crypto-js --save

安装完毕后,我们在utils.js中创建加密代码:

/**
 * AES对称加密
 * data:要加密的字符串
 * key:秘钥
 * iv:偏移量
 */
function encrypt(data) {
  let key = "abcdefg123456789"  //密钥
  let iv = "123456789abcdefg";  //偏移量
  if (typeof data === 'object') {
    // 如果传入的data是json对象,先转义为json字符串
    try {
      data = JSON.stringify(data);
    } catch (error) {
      console.log('error:', error);
    }
  }
  var _word = CryptoJS.enc.Utf8.parse(data),
    _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();
}

上面的密钥和偏移量可以根据实际情况进行修改,保持16位即可。

然后我们在src/common/api.js中找到登录接口,然后对密码进行加密:

  login(data) {
    let pwd =utils.encrypt(data.password);
    data.password=pwd
    return ajax('/api/login', 'post', {
      data
    })
  },

我们查看登录接口是否加密成功:

然后我们在后台对收到的密码进行解密。

2.后台java解密

我们在top.hcode.hoj.utils中创建解密代码:

package top.hcode.hoj.utils;


import com.alibaba.druid.util.StringUtils;
import sun.misc.BASE64Decoder;
import javax.crypto.Cipher;
import javax.crypto.spec.IvParameterSpec;
import javax.crypto.spec.SecretKeySpec;

/**
 * AES加密解密
 */
public class AesUtils {

    static String key = "abcdefg123456789";  //16位,密钥
    static String iv = "123456789abcdefg";  //16位,偏移量
    /**
     * AES解密
     */
    
    public static String aesDecryptByBytes(byte[] encryptBytes) throws Exception {
        try{
            Cipher cipher = Cipher.getInstance("AES/CBC/PKCS5Padding");

            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);
        }catch (Exception e){
            e.printStackTrace();
            return null;
        }
    }

    //AES 解密
    public static String decryptAES(String encryptStr) throws Exception {
        return StringUtils.isEmpty(encryptStr) ? null : aesDecryptByBytes(base64Decode(encryptStr));
    }
    public static byte[] base64Decode(String base64Code) throws Exception{
        return StringUtils.isEmpty(base64Code) ? null : new BASE64Decoder().decodeBuffer(base64Code);
    }

}

我们找到后台的登录接口:

top.hcode.hoj.controller.oj;
然后在登录接口中加入如下代码:
 try {
            loginDto.setPassword(AesUtils.decryptAES(loginDto.getPassword()));
        } catch (Exception e) {
            e.printStackTrace();
        }

这里引用的就是我们刚才创建的解密代码。

可以看到解密成功了。