前后端分离API接口如何加密 —— AES加密方案

场景还原:页面中需要展示手机号,身份证号,因为是前后端分离,所有接口API地址有可能暴露,这样不怀好意的人可以拿到个人敏感信息

解决方案:
1. 敏感信息加掩码,例如:接口返回130
**12这样的手机号。弊端:在有表单中无法实现这种方案。
2. 后端加密,前端解密的方式(本文采用的方式),前后端统一加密方案,salt字符串等信息。弊端:前端js无法做到高级加密,salt可以被查到,但是成本相对较高。

后台加密工具类

package org.jeecg.modules.system.util;

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
     * @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
     * @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;
        }
    }

}

在这里插入图片描述
在这里插入图片描述

前端解密

在这里插入图片描述在这里插入图片描述

          {
            title: '联系方式',
            align: 'center',
            width:100,
            dataIndex: 'phone',
            customRender: function(phone,record) {
              const key = CryptoJS.enc.Utf8.parse(record.key);
              let tel = CryptoJS.AES.decrypt(phone,key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
              tel = tel.toString(CryptoJS.enc.Utf8)
              return tel;
            }
          },

  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是一个简单的Java代码示例,演示如何在Vue前后端分离项目中,通过拦截器来实现后端API接口的解密。 1. 在后端代码中,创建一个拦截器类,实现Spring框架中的HandlerInterceptor接口。在preHandle方法中,对HTTP请求进行解密处理,然后将解密后的数据存储在HTTP请求中。 ```java import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.springframework.web.servlet.HandlerInterceptor; import org.springframework.web.servlet.ModelAndView; public class DecryptInterceptor implements HandlerInterceptor { @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception { // 从HTTP请求中获取加密后的数据和密钥 String encryptedData = request.getHeader("encrypted-data"); String key = request.getHeader("key"); // 使用AES解密算法解密数据 String decryptedData = decrypt(encryptedData, key); // 将解密后的数据存储在HTTP请求中 request.setAttribute("decrypted-data", decryptedData); return true; } @Override public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception { // do nothing } @Override public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception { // do nothing } } ``` 2. 在Spring配置文件中配置拦截器。 ```xml <mvc:interceptors> <mvc:interceptor> <mvc:mapping path="/api/**"/> <bean class="com.example.DecryptInterceptor"/> </mvc:interceptor> </mvc:interceptors> ``` 以上代码使用Spring框架的拦截器实现了API接口的解密。在拦截器中,我们从HTTP请求头中获取加密后的数据和密钥,然后使用AES解密算法进行解密。解密后的数据存储在HTTP请求中,供API接口的处理程序使用。在Spring配置文件中,我们将拦截器配置为只拦截以/api/开头的请求,并将其与应用程序相关联。 3. 在Vue项目中,我们需要在发送HTTP请求时,向后端API接口添加加密后的数据和密钥,以保证数据的安全性。以下是一个简单的Axios示例,演示如何添加HTTP请求头。 ```javascript import axios from 'axios'; // 创建一个Axios实例 const instance = axios.create({ baseURL: 'http://localhost:8080' // 后端API接口地址 }); // 在请求发送前,添加HTTP请求头 instance.interceptors.request.use(config => { // 从本地存储中获取密钥 const key = localStorage.getItem('key'); // 对请求数据进行加密处理 const encryptedData = encrypt(config.data, key); // 添加HTTP请求头 config.headers['encrypted-data'] = encryptedData; config.headers['key'] = key; return config; }); // 在请求返回时,获取解密后的数据 instance.interceptors.response.use(response => { // 获取解密后的数据 const decryptedData = response.data; // 处理解密后的数据 return decryptedData; }); export default instance; ``` 以上代码使用Axios库创建了一个HTTP请求实例,并在发送HTTP请求前,添加了加密后的数据和密钥的HTTP请求头。在HTTP请求返回时,我们通过拦截器获取解密后的数据,并进行处理。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值