表单编辑页的信息脱敏设计前端加密后端解密

爱被打了一巴掌 2022-09-09 11:47 148阅读 0赞

### 文章目录 ###

*   *   *  【需求】
         *  【分析】
         *  【代码设计】

### 【需求】 ###

数据系统存在大量的人员敏感信息，身份证、手机号码等等，应安检需要必须做到所有数据脱敏，这其中包括了列表展示的脱敏以及编辑页面的脱敏

### 【分析】 ###

列表的脱敏只需要后端预先做好脱敏后接口返回的数据脱敏即可，但是编辑页的就麻烦些，考虑事项如下

1：前端表单展示的也必须是脱敏的数据，用户不可以在表单，注意也不能通过F12源码中看到敏感信息，不可以设置隐藏字段保存敏感信息

2：前端在编辑完成保存后传输时也需要脱敏或者加密

3：由于前端展示的是脱敏的字符串，但是在提交表单的时也需要检查敏感信息的合法性，即身份证或者手机号码的正确性

4：保持用户正常的使用体验

### 【代码设计】 ###

1：使用RSA加密方法，前端保存公钥进行加密传输，后端保存私钥进行解密数据，并保存到数据库中

2：编辑查询展示数据时需要使用脱敏敏感信息，为了保持带出用户信息，需要在后端将敏感信息加密在传输给前端作为当前字段信息的标识码

3：后端初始传输的加密字段和脱敏字段都绑定的，前端表单中在更新字段信息时需要在onChange事件后加密当前信息，在提交表单时如果是初始加密字符串则不进行校验拦截，否则需要校验用户编辑后的信息

4：用户提交的表单数据通过公钥进行加密传输

![在这里插入图片描述][dc6274cfcb3f45d7861cf9a1690c9ef2.png]

前端加密使用的是jsencrypt.min.js，公钥直接保存在前端代码中

/** * 加密 RSA公钥 * @type {JSEncrypt} */
    var jsencrypt = new JSEncrypt();
    jsencrypt.setPublicKey("/KuwRturzJ8eb3XXXX");
    jsencrypt.encrypt($("#idcard").val())

后端的RSA加解密直接使用Hutool的工具方法

import cn.hutool.core.codec.Base64;
    import cn.hutool.core.text.StrBuilder;
    import cn.hutool.core.util.CharsetUtil;
    import cn.hutool.core.util.StrUtil;
    import cn.hutool.crypto.asymmetric.KeyType;
    import cn.hutool.crypto.asymmetric.RSA;
    
    
    
        /*** * RSA加密 * @param input 明文字符串 * @return java.lang.String 密文 * @author ZhangYu * @date 2021/8/29 */
        public  static  String rsaEncrypt(String input){ 
            if (StringUtils.isEmpty(input)){ 
                return null;
            }
            String result = null;
            try{ 
                RSA rsa = new RSA(null, PUBLIC_KEY);
                byte[] encrypt = rsa.encrypt(input, KeyType.PublicKey);
                result= Base64.encode(encrypt);
            }catch (Exception e){ 
                log.error("RSA加密失败,{}",input);
            }
            return result;
        }
    
    
    
        /*** * RSA解密 * @param input 密文 * @return java.lang.String 原文 * @author ZhangYu * @date 2021/8/29 */
        public  static  String rsaDecrypt(String input){ 
            String result=null;
           try{ 
               RSA rsa = new RSA(PRIVATE_KEY, null);
               byte[] aByte = Base64.decode(input);
               byte[] decrypt = rsa.decrypt(aByte, KeyType.PrivateKey);
               result=  StrUtil.str(decrypt, CharsetUtil.CHARSET_UTF_8);
           }catch (Exception e){ 
               log.error("RSA解密失败,{}",input);
           }
           return result;
        }
    
    
    
    
     /** * 信息脱敏 * @param cardNo 号码 * @param index 开头保留几位数 * @param end 结尾保留几位数 * @author ZhangYu * @return * */
        public static String hideCerCardNum(String cardNo,int index,int end) { 
            String  desensitizationIdCard = "";
            try{ 
                if (StringUtils.isBlank(cardNo)) { 
                    return desensitizationIdCard;
                }
                desensitizationIdCard= StringUtils.left(cardNo, index).concat(StringUtils.removeStart(
                        StringUtils.leftPad(StringUtils.right(cardNo, end),
                                StringUtils.length(cardNo), "*"), "***"));
            }catch (Exception e){ 
                log.error("脱敏错误",e);
            }
            return  desensitizationIdCard;
        }

[dc6274cfcb3f45d7861cf9a1690c9ef2.png]: /images/20220829/dec1404bcfe5437a802bc60a40c4e2bd.png