jwt与redis,把生成的token放入redis中进行临时存储

亦凉 2024-03-24 22:53 8阅读 0赞

## jwt与redis,把生成的token放入redis中进行临时存储 ##

简介：本文讲解，如何结合jwt与redis，我们把jwt生成的token存放在redis中。

springboot+jwt的教程可以看这篇文章：  
[vue与jwt验证  
][vue_jwt_]

[SpringBoot+JWT+Shiro][SpringBoot_JWT_Shiro]

[SpringBoot连接redis  
][SpringBoot_redis]

### 讲解 ###

在上面的文章的基础之上，首先是，我们需要加上一些辅助类，依赖还有配置信息。

文章中的代码可以看这里：https://gitee.com/geek-li-hua/code-in-blog.git  
![在这里插入图片描述][20a984babf5f4944bac1cb9045cc67f4.png]

#### 类 ####

*  ErrorCode 统一错误码处理类

public enum  ErrorCode {
        
    
        PARAMS_ERROR(10001,"参数有误"),
        ACCOUNT_PWD_NOT_EXIST(10002,"用户名或密码不存在"),
        NO_PERMISSION(70001,"无访问权限"),
        SESSION_TIME_OUT(90001,"会话超时"),
        NO_LOGIN(90002,"未登录"),;
    
        private int code;
        private String msg;
    
        ErrorCode(int code, String msg){
        
            this.code = code;
            this.msg = msg;
        }
    
        public int getCode() {
        
            return code;
        }
    
        public void setCode(int code) {
        
            this.code = code;
        }
    
        public String getMsg() {
        
            return msg;
        }
    
        public void setMsg(String msg) {
        
            this.msg = msg;
        }
    }

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

#### 依赖 ####

<dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-data-redis</artifactId>
    </dependency>
    <dependency>
        <groupId>com.alibaba</groupId>
        <artifactId>fastjson</artifactId>
        <version>1.2.76</version>
    </dependency>

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

#### 配置文件 ####

加上redis的相关配置文件  
![在这里插入图片描述][5ff0a28e848b4e44b83dbfe56e610228.png]

# Redis
    spring.redis.host=127.0.0.1
    spring.redis.port=6379
    spring.redis.password=root@123456
    spring.redis.jedis.pool.max-active=8
    spring.redis.jedis.pool.max-wait=-1
    spring.redis.jedis.pool.max-idle=500
    spring.redis.jedis.pool.min-idle=0
    spring.redis.lettuce.shutdown-timeout=0

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

#### 代码 ####

我们需要知道的是，我们生成的token，对于前端，是存储在localstorage里面的，然后对于后端是存储在redis里面的，所以退出只需要删除redis中的存储就可以了。

首先在需要注入redisTemplate。

@Autowired
    private RedisTemplate<String, String> redisTemplate;

![在这里插入图片描述][64f3c804466043b09b0003a083afb8ea.png]  
然后在login中加入下面代码  
![在这里插入图片描述][19a6e9f355bf462a9fe2de6c941990d4.png]  
![在这里插入图片描述][1b54e85baa894dcba2d8adbd566630c6.png]

import com.auth0.jwt.interfaces.DecodedJWT;
    import com.example.springbootjwt.Bean.User;
    import com.example.springbootjwt.Config.Result;
    import com.example.springbootjwt.Dto.LoginDto;
    import com.example.springbootjwt.Service.IUserService;
    import com.example.springbootjwt.Utils.JWTUtils;
    import lombok.extern.slf4j.Slf4j;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.data.redis.core.RedisTemplate;
    import org.springframework.web.bind.annotation.*;
    
    import java.util.HashMap;
    import java.util.List;
    import java.util.Map;
    
    import com.alibaba.fastjson.JSON;
    
    
    /**
     * <p>
     *  前端控制器
     * </p>
     *
     * @author jakelihua
     * @since 2023-08-14
     */
    @Slf4j
    @RestController
    @RequestMapping("/user")
    public class UserController {
        
        @Autowired
        private IUserService userService;
        @Autowired
        private RedisTemplate<String, String> redisTemplate;
        @PostMapping("/login")
        public Result<Map<String, Object>> login(@RequestBody LoginDto user) {
        
    
            // 创建结果对象
            Result<Map<String, Object>> result;
    
            try {
        
                // 调用userService的login方法进行用户认证
                User userDB = userService.login(user);
    
                // 获取用户ID和用户名，并将其放入payload
                Map<String, String> payload = new HashMap<>();
                payload.put("id", userDB.getId().toString());
                payload.put("name", userDB.getUsername());
    
                // 生成JWT的令牌
                String token = JWTUtils.getToken(payload);
    
                // 构造成功的结果对象
                result = new Result<>(200, "认证成功");
                result.setData(new HashMap<>());
                result.getData().put("token", token); // 响应token
    
                redisTemplate.opsForValue().set("TOKEN:" + token, JSON.toJSONString(payload));
    
            } catch (Exception e) {
        
                // 构造失败的结果对象
                e.printStackTrace();
                result = Result.fail(500, "账号或密码错误");
            }
            System.out.println(result);
            return result;
        }
    
        @GetMapping("/index")
        public String index(){
        
            return "这是主页";
        }
    
    
    
        @PostMapping("/register")
        public Result<Map<String, Object>> register(@RequestBody User user){
        
    
            // 创建结果对象
            Result<Map<String, Object>> result;
            User user1 = userService.selectByUsername(user.getUsername());
            if (user1 != null){
        
                result = Result.fail(405, "用户已存在，请更换用户名");
            } else {
        
                boolean register = userService.register(user);
                if (register){
        
                    result = new Result(200, "注册成功");
                } else {
        
                    result = Result.fail(500, "注册失败");
                }
            }
            return result;
        }
    
        @GetMapping("/all/{token}")
        Result<Map<String, Object>> getByAll(@PathVariable String token) {
        
            List<User> list = userService.list();
            Result<Map<String, Object>> result;
            System.out.println(token);
            try {
        
                Map<String, Object> map = new HashMap<>();
    
                // 处理自己的业务逻辑
                // 校验并解析token
                verifyToken(token);
                map.put("data", list);
                // 构造成功的结果对象
                result = new Result<>(200, "请求成功!");
                result.setData(map);
    
            } catch (Exception e) {
        
                // 构造失败的结果对象
                result = Result.fail(500, e.getMessage());
            }
            return result;
        }
    
        private void verifyToken(String token) throws Exception {
        
    
            // 校验并解析token
            DecodedJWT verify = JWTUtils.verify(token);
    
            // 可以在这里添加其他的校验逻辑
            // 打印解析出的用户id和用户名
            log.info("用户id: [{}]", verify.getClaim("id").asString());
            log.info("用户name: [{}]", verify.getClaim("name").asString());
        }
    
    
    
        @GetMapping("/test/{token}")
        public Result<Map<String, Object>> test(@PathVariable String token) {
        
            // 创建结果对象
            Result<Map<String, Object>> result;
    
            try {
        
                Map<String, Object> map = new HashMap<>();
    
                // 处理自己的业务逻辑
    
                // 从请求头中获取token
                // 校验并解析token
                DecodedJWT verify = JWTUtils.verify(token);
    
                // 打印解析出的用户id和用户名
                log.info("用户id: [{}]", verify.getClaim("id").asString());
                log.info("用户name: [{}]", verify.getClaim("name").asString());
    
                // 构造成功的结果对象
                result = new Result<>(200, "请求成功!");
                result.setData(map);
    
            } catch (Exception e) {
        
                // 构造失败的结果对象
                result = Result.fail(500, e.getMessage());
            }
            return result;
        }
    }

登录之后，可以看出来，token存储成功了。

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

*  对于退出

编写下面这个方法

@GetMapping("/logout/{token}")
        public String logout(@PathVariable String token){
        
            redisTemplate.opsForValue().getOperations().delete("TOKEN:" + token);
            String value = redisTemplate.opsForValue().get("yourKey");
            System.out.println(value);
            return "退出登录";
        }

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

*  对于前端

logout({
          commit }) {
        
          // 清除token并重定向到登录页面
          commit('CLEAR_TOKEN');
          const token = localStorage.getItem('token');
          localStorage.removeItem('token');
          axios.get(`http://localhost:8989/user/logout/${
          token}`)
          .then(response => {
        
            console.log("退出成功")
          })
          .catch(error => {
        
            console.error(error);
          });
          router.push('/');
        },

![在这里插入图片描述][1a2aa13c697d4ca687553480aadb2eef.png]  
![在这里插入图片描述][7e24af8f379140c3ae5547af468d7c65.png]

点击退出之后，就没有了  
![在这里插入图片描述][7bc685d35e4b4042b9be299818fe162a.png]

[vue_jwt_]: https://blog.csdn.net/qq_51447496/article/details/132396388
[SpringBoot_JWT_Shiro]: https://blog.csdn.net/qq_51447496/article/details/132300726
[SpringBoot_redis]: https://blog.csdn.net/qq_51447496/article/details/132550203?csdn_share_tail=%7B%22type%22:%22blog%22,%22rType%22:%22article%22,%22rId%22:%22132550203%22,%22source%22:%22qq_51447496%22%7D
[20a984babf5f4944bac1cb9045cc67f4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/486e35d4aac94f718eeab0d9182805f3.png
[73156f4e4b334fc98b3414afdfec9299.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/94bd61f2ea7f48d190a1a9361ffba883.png
[0b38241b17414c2f8c6324c75f1c7d8c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/2f438a5d878d450cbdb1ded50ee772fc.png
[5ff0a28e848b4e44b83dbfe56e610228.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/c98baa8c79f64eb9918c10aa1f78ee81.png
[5e610ee51dca42ecb29c015f90c73624.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/613af5f96b0d418588f79d2cea38df22.png
[64f3c804466043b09b0003a083afb8ea.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/afeea0b157224617a7f117b35ab5c00c.png
[19a6e9f355bf462a9fe2de6c941990d4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/4b70bdddc5b84c13bc32ad8624e4b7d3.png
[1b54e85baa894dcba2d8adbd566630c6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/da62c40be77e4eef9b1cc61294e4c4a5.png
[38ba29261bf340098b8b5fadd82c9f8a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/33c970e9a2b8491da1e45d1f7a2de711.png
[bbf33549473a4601813e379c945e1320.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/65cbf3b759d4487bb86854fb67ebd5c2.png
[1a2aa13c697d4ca687553480aadb2eef.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/eb2fcbf88c4b48ed977d8b1c0534e511.png
[7e24af8f379140c3ae5547af468d7c65.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/57d9ba65862a4da1adb38bfeefbafa7c.png
[7bc685d35e4b4042b9be299818fe162a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/a9b7aebbb3984e2ea48903d1be231b82.png