当前位置: 首页 > news >正文

vue前端密码加密,springboot后端密码解密

1.模块安装

1

npm install crypto-js

2.src–>util–>secret.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

import CryptoJS from 'crypto-js'

// 默认的 KEY 与 iv 如果没有给
const KEY = CryptoJS.enc.Utf8.parse("1234567890123456");
const IV = CryptoJS.enc.Utf8.parse('1234567890123456');
/**
 * AES加密 :字符串 key iv  返回base64
 */
export function Encrypt(word, keyStr, ivStr) {
  let key = KEY;
  let iv = IV;  
  if (keyStr) {
    key = CryptoJS.enc.Utf8.parse(keyStr);
    iv = CryptoJS.enc.Utf8.parse(ivStr);
  }
  let srcs = CryptoJS.enc.Utf8.parse(word);
  var encrypted = CryptoJS.AES.encrypt(srcs, key, {
    iv: iv,
    mode: CryptoJS.mode.CBC,
    padding: CryptoJS.pad.ZeroPadding
  });
  return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);

}
/**
 * AES 解密 :字符串 key iv  返回base64
 *
 * @return {string}
 */
export function Decrypt(word, keyStr, ivStr) {
  let key  = KEY;
  let iv = IV;

  if (keyStr) {
    key = CryptoJS.enc.Utf8.parse(keyStr);
    iv = CryptoJS.enc.Utf8.parse(ivStr);
  }

  let base64 = CryptoJS.enc.Base64.parse(word);
  let src = CryptoJS.enc.Base64.stringify(base64);

  let decrypt = CryptoJS.AES.decrypt(src, key, {
    iv: iv,
    mode: CryptoJS.mode.CBC,
    padding: CryptoJS.pad.ZeroPadding
  });

  let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
  return decryptedStr.toString();
}

3.login.vue引入加密方法

1

import {Encrypt} from '../utils/Secret.js'

4.login.vue登录请求发起,对密码参数加密

1
2
3
4

 let param={
          username:this.loginForm.username,
          password:Encrypt(this.loginForm.password)  //密码加密
        }

5.后端pom.xml

1
2
3
4
5
6

<!--密码解密-->
        <dependency>
            <groupId>org.bouncycastle</groupId>
            <artifactId>bcprov-jdk15on</artifactId>
            <version>1.60</version>
        </dependency>

6.后端utils–>secretUtil.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98

package com.unccr.ms.utils;

import org.apache.tomcat.util.codec.binary.Base64;

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


    /**
     * @author YSK
     * @date 2020/8/24 13:13
     */
    public  class SecretUtil {
        /***
         * key和iv值可以随机生成
         */
        private static String KEY = "1234567890123456";

        private static String IV = "1234567890123456";

        /***
         * 加密
         * @param  data 要加密的数据
         * @return encrypt
         */
        public static String encrypt(String data){
            return encrypt(data, KEY, IV);
        }

        /***
         * param data 需要解密的数据
         * 调用desEncrypt()方法
         */
        public static String desEncrypt(String data){
            return desEncrypt(data, KEY, IV);
        }

        /**
         * 加密方法
         * @param data  要加密的数据
         * @param key 加密key
         * @param iv 加密iv
         * @return 加密的结果

         */
        private static String encrypt(String data, String key, String iv){
            try {
                //"算法/模式/补码方式"NoPadding PkcsPadding
                Cipher cipher = Cipher.getInstance("AES/CBC/NoPadding");
                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 解密的结果
         */
        private static String desEncrypt(String data, String key, String iv){
            try {
                byte[] encrypted1 = new Base64().decode(data);

                Cipher cipher = Cipher.getInstance("AES/CBC/NoPadding");
                SecretKeySpec keySpec = new SecretKeySpec(key.getBytes(), "AES");
                IvParameterSpec ivSpec = new IvParameterSpec(iv.getBytes());
                cipher.init(Cipher.DECRYPT_MODE, keySpec, ivSpec);
                byte[] original = cipher.doFinal(encrypted1);
                return new String(original).trim();
            } catch (Exception e) {
                e.printStackTrace();
                return null;
            }
        }
}

7.登录Controller对前端传来的密码解密(先导入加密工具类)

1
2

//      SecretUtil.desEncrypt:  前端传来的加密密码进行解密
        User user=userService.loginByInfo(username, SecretUtil.desEncrypt(password));

8.结果测试
请求中密码已被加密。
后端控制台打印输出加密后的密码(与前端传来一致),解密后与原来的密码相同。

相关文章:

  • webstorm 创建运行纯Typescript项目
  • 多行业万能预约门店小程序源码系统 支持多门店预约小程序 带完整的安装代码包以及搭建教程
  • Python自动发邮件
  • vite打包构建时环境变量(env)生成可配置的js文件
  • Rocky Linux 运维工具 Systemd
  • 【每日一题】2867. 统计树中的合法路径数目-2024.2.27
  • AI大模型分析:数据背后隐藏的故事!
  • 【蓝桥杯】错误票据
  • 贪心 Leetcode 56 合并区间
  • 算法复习之二分【备战蓝桥杯】
  • 无人机飞行控制系统技术,四旋翼无人机控制系统建模技术详解
  • docker通过dockerfile安装sftp教程。
  • React富文本编辑器开发(一)
  • 如何将一个远程git的所有分支推到另一个远程分支上
  • linux 如何给服务器批量做免密,如何批量挂在磁盘
  • 《用数据讲故事》作者Cole N. Knaflic:消除一切无效的图表
  • 10个最佳ES6特性 ES7与ES8的特性
  • C++回声服务器_9-epoll边缘触发模式版本服务器
  • download使用浅析
  • express如何解决request entity too large问题
  • GitUp, 你不可错过的秀外慧中的git工具
  • Git同步原始仓库到Fork仓库中
  • JS实现简单的MVC模式开发小游戏
  • Python socket服务器端、客户端传送信息
  • quasar-framework cnodejs社区
  • VuePress 静态网站生成
  • 简析gRPC client 连接管理
  • 盘点那些不知名却常用的 Git 操作
  • 算法-插入排序
  • 写代码的正确姿势
  • 原生 js 实现移动端 Touch 滑动反弹
  • HanLP分词命名实体提取详解
  • #HarmonyOS:基础语法
  • (39)STM32——FLASH闪存
  • (C#)if (this == null)?你在逗我,this 怎么可能为 null!用 IL 编译和反编译看穿一切
  • (搬运以学习)flask 上下文的实现
  • (第一天)包装对象、作用域、创建对象
  • (附源码)springboot教学评价 毕业设计 641310
  • (附源码)ssm智慧社区管理系统 毕业设计 101635
  • (企业 / 公司项目)前端使用pingyin-pro将汉字转成拼音
  • (十)T检验-第一部分
  • (十三)Java springcloud B2B2C o2o多用户商城 springcloud架构 - SSO单点登录之OAuth2.0 根据token获取用户信息(4)...
  • (一)Java算法:二分查找
  • (已解决)vue+element-ui实现个人中心,仿照原神
  • (转)Android学习系列(31)--App自动化之使用Ant编译项目多渠道打包
  • (转)jQuery 基础
  • .NET 读取 JSON格式的数据
  • .NET中的Event与Delegates,从Publisher到Subscriber的衔接!
  • @SpringBootApplication 包含的三个注解及其含义
  • [].slice.call()将类数组转化为真正的数组
  • [C#] 我的log4net使用手册
  • [Electron]ipcMain.on和ipcMain.handle的区别
  • [E单调栈] lc2487. 从链表中移除节点(单调栈+递归+反转链表+多思路)
  • [IE编程] IE中对网页进行截图的编程接口
  • [iOS开发]事件处理与响应者链