1. 다크호스 리뷰 프로젝트 가져오기
다크호스 리뷰 프로젝트에는 주로 다음 기능이 포함되어 있습니다.
1. SQL 가져오기
프로젝트 정보가 필요하시면 비공개 메시지를 보내주세요
테이블은 다음과 같습니다. :
tb_user: 사용자 테이블
tb_user_info: 사용자 세부정보 테이블
tb_shop: 판매자 정보 테이블
tb_shop_type: 판매자 유형 테이블
t b_blog: 사용자 일기 테이블(전문 매장 방문 일기) )
tb_follow: 사용자 팔로우 테이블
tb_voucher: 쿠폰 테이블
tb_voucher_order: 쿠폰 주문 테이블
참고: Mysql 버전은 버전 5.7 이상을 채택합니다.
2. 앞 -엔드와 백엔드 분리
3. 백엔드 프로젝트 가져오기
3.1 백엔드 프로젝트를 Idea
3.2로 가져옵니다. 참고: 애플리케이션에서 mysql 및 redis 주소 정보를 수정하세요. yaml 파일을 열고 mysql 및 redis 주소 정보를 자신의 정보로 변경하세요.
3.3 프로젝트 시작 프로젝트를 시작한 후 브라우저에서 http://localhost:8081/shop-type/list를 방문하세요. 데이터를 보면 작업에 문제가 없음을 증명합니다
4. 프런트엔드 프로젝트 가져오기
4.1 nginx 폴더를 가져오고 nginx 폴더를 임의의 디렉터리에 복사합니다. 중국어, 특수 문자 및 공백(예:
4.2 프런트 엔드 프로젝트를 실행하고 nginx가 있는 디렉터리에서 CMD 창을 열고 nginx를 시작하는 명령을 입력합니다.
Open) Chrome 브라우저에서 빈 페이지를 마우스 오른쪽 버튼으로 클릭하고 Inspect를 선택하여 개발자 도구를 엽니다.
그런 다음 다음을 방문하세요. http://127.0.0.1: 8080, 페이지를 볼 수 있습니다:
2 . Session을 기반으로 로그인 프로세스를 구현
백엔드는 생성된 인증코드와 사용자 정보를 세션에 저장하고, sessionId를 프론트엔드에 반환하여 쿠키에 저장합니다
로그인하면 백엔드에 요청을 하기 위해 쿠키가 전달됩니다. 쿠키에서 sessionId를 가져옵니다. sessionId를 통해 세션에서 사용자 정보를 가져와 ThreadLocal
에 저장할 수 있습니다. 각 후속 스레드는 ThreadLocal에 사용자 정보의 복사본을 가지고 있습니다. 서로 다른 스레드는 사용자 정보를 얻은 후 다른 작업을 수행할 수 있으므로 스레드 격리에서 역할을 수행합니다
주요 코드 :
@Slf4j @RestController @RequestMapping("/user") public class UserController { @Resource private IUserService userService; /** * 发送手机验证码 */ @PostMapping("code") public Result sendCode(@RequestParam("phone") String phone, HttpSession session) { // 发送短信验证码并保存验证码 return userService.sendCode(phone, session); } }
로그인 후 복사
@Service @Slf4j public class UserServiceImpl extends ServiceImpl implements IUserService { @Override public Result sendCode(String phone, HttpSession session) { // 1.使用工具类校验手机号 if (RegexUtils.isPhoneInvalid(phone)) { // 2.如果不符合，返回错误信息 return Result.fail("手机号格式错误！"); } // 3.符合，生成验证码 String code = RandomUtil.randomNumbers(6); // 4.保存验证码到 session session.setAttribute("code",code); // 5.模拟发送验证码 log.debug("发送短信验证码成功，验证码：{}", code); // 返回ok return Result.ok(); } }
로그인 후 복사
2. SMS 인증코드 로그인 및 등록
메인코드 :
UserController
/** * 登录功能 * @param loginForm 登录参数，包含手机号、验证码；或者手机号、密码 */ @PostMapping("/login") public Result login(@RequestBody LoginFormDTO loginForm, HttpSession session){ // 实现登录功能 return userService.login(loginForm, session); }
로그인 후 복사
UserServiceImpl
@Override public Result login(LoginFormDTO loginForm, HttpSession session) { // 1.校验手机号 String phone = loginForm.getPhone(); if (RegexUtils.isPhoneInvalid(phone)) { // 如果不符合，返回错误信息 return Result.fail("手机号格式错误！"); } // 2.校验验证码 Object cacheCode = session.getAttribute("code"); String code = loginForm.getCode(); if (cacheCode == null || !cacheCode.toString().equals(code)) { // 3.验证码不一致，则报错 return Result.fail("验证码错误"); } // 4.验证码一致，根据手机号查询用户 User user = query().eq("phone", phone).one(); // 5.判断用户是否存在 if (user == null) { // 6.用户不存在，则创建用户并保存 user = createUserWithPhone(phone); } // 7.保存用户信息到session中，UserDTO只包含简单的用户信息， // 而不是完整的User，这样可以隐藏用户的敏感信息（例如：密码等）,还能减少内存使用 session.setAttribute("user", BeanUtil.copyProperties(user, UserDTO.class)); // 8.返回ok return Result.ok(); } private User createUserWithPhone(String phone) { // 1.创建用户 User user = new User(); user.setPhone(phone); // 随机设置昵称 user_mrkuw05lok user.setNickName(SystemConstants.USER_NICK_NAME_PREFIX + RandomUtil.randomString(10)); // 2.保存用户 save(user); return user; }
로그인 후 복사
3. 사용자가 로그인을 요청하면 로그인 인증 기능이 실행됩니다. 쿠키, 쿠키에는 JSEESIONID가 포함되어 있습니다
사용자가 각 컨트롤러를 요청할 때마다 사용자 정보를 확인하는 것을 방지하기 위해 인터셉터를 추가할 수 있습니다
인셉터는 사용자가 액세스를 요청할 때 한 번만 확인하고 그 다음에는 사용자에게 보내기 정보는 후속 스레드가 사용할 수 있도록 ThreadLocal에 저장됩니다.
메인 코드:
도구 클래스에 ThreadLocal 쓰기
public class UserHolder { private static final ThreadLocal tl = new ThreadLocal<>(); public static void saveUser(UserDTO user){ tl.set(user); } public static UserDTO getUser(){ return tl.get(); } public static void removeUser(){ tl.remove(); } }
로그인 후 복사
도구 클래스에 로그인 인터셉터 쓰기
public class LoginInterceptor implements HandlerInterceptor { /** * 前置拦截 * @param request * @param response * @param handler * @return * @throws Exception */ @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception { // 1.获取session HttpSession session = request.getSession(); // 2.获取session中的用户 Object user = session.getAttribute("user"); // 3.判断用户是否存在 if(user == null){ // 4.不存在，拦截，返回401状态码 response.setStatus(401); return false; } // 5.存在，保存用户信息到ThreadLocal UserHolder.saveUser((User)user); // 6.放行 return true; } /** * 后置拦截器 * @param request * @param response * @param handler * @param ex * @throws Exception */ @Override public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception { // 请求结束后移除用户，防止ThreadLocal造成内存泄漏 UserHolder.removeUser(); } }
로그인 후 복사
인터셉터 구성 추가 구성 클래스 클래스
@Configuration public class MvcConfig implements WebMvcConfigurer { /** * 添加拦截器 * @param registry */ @Override public void addInterceptors(InterceptorRegistry registry) { // 登录拦截器 registry.addInterceptor(new LoginInterceptor()) // 排除不需要拦截的路径 .excludePathPatterns( "/shop/**", "/voucher/**", "/shop-type/**", "/upload/**", "/blog/hot", "/user/code", "/user/login" ); } }
로그인 후 복사
UserController
@GetMapping("/me") public Result me(){ // 获取当前登录的用户并返回 UserDTO user = UserHolder.getUser(); return Result.ok(user); }
로그인 후 복사
三、集群的session共享问题
四、基于Redis实现共享session的登录功能
1. 选择合适的数据结构存入Redis
token作为key，Hash类型的用户信息作为value
后端校验成功后，会返回token给前端，前端会将token保存到sessionStorage中（这是浏览器的存储方式），以后前端每次请求都会携带token，方便后端通过Redis校验用户信息
前端代码：将后端返回的token保存到sessionStorage中
前端每次请求时，都会通过拦截器将token设置到请求头中，赋值给变量authorization，后端通过authorization获取前端携带的token进行校验
2. 发送短信验证码
修改之前代码，将验证码存入Redis
@Service @Slf4j public class UserServiceImpl extends ServiceImpl implements IUserService { @Resource private StringRedisTemplate stringRedisTemplate; @Override public Result sendCode(String phone, HttpSession session) { // 1.使用工具类校验手机号 if (RegexUtils.isPhoneInvalid(phone)) { // 2.如果不符合，返回错误信息 return Result.fail("手机号格式错误！"); } // 3.符合，生成验证码 String code = RandomUtil.randomNumbers(6); // 4.保存验证码到 session // session.setAttribute("code",code); // 4.保存验证码到 redis // "login:code:"是业务前缀，以"login:code:" + 手机号为key，过期时间2分钟 stringRedisTemplate.opsForValue().set(RedisConstants.LOGIN_CODE_KEY + phone, code, RedisConstants.LOGIN_CODE_TTL, TimeUnit.MINUTES); // 5.模拟发送验证码 log.debug("发送短信验证码成功，验证码：{}", code); // 返回ok return Result.ok(); } }
로그인 후 복사
3. 短信验证码登录、注册
@Override public Result login(LoginFormDTO loginForm, HttpSession session) { // 1.校验手机号 String phone = loginForm.getPhone(); if (RegexUtils.isPhoneInvalid(phone)) { // 如果不符合，返回错误信息 return Result.fail("手机号格式错误！"); } // // 2.校验验证码 // Object cacheCode = session.getAttribute("code"); // String code = loginForm.getCode(); // if (cacheCode == null || !cacheCode.toString().equals(code)) { // // 3.验证码不一致，则报错 // return Result.fail("验证码错误"); // } // 2.从Redis获取验证码并校验 String cacheCode = stringRedisTemplate.opsForValue().get(RedisConstants.LOGIN_CODE_KEY + phone); String code = loginForm.getCode(); if (cacheCode == null || !cacheCode.equals(code)) { // 3.验证码不一致，则报错 return Result.fail("验证码错误"); } // 4.验证码一致，根据手机号查询用户 User user = query().eq("phone", phone).one(); // 5.判断用户是否存在 if (user == null) { // 6.用户不存在，则创建用户并保存 user = createUserWithPhone(phone); } // // 7.保存用户信息到session中，UserDTO只包含简单的用户信息，而不是完整的User，这样可以隐藏用户的敏感信息（例如：密码等）,还能减少内存使用 // session.setAttribute("user", BeanUtil.copyProperties(user, UserDTO.class)); // 7.保存用户信息到redis中 // 7.1随机生成token，作为登录令牌 // 使用hutool工具中的UUID，true表示不带“-”符号的UUID String token = UUID.randomUUID().toString(true); // 7.2将User对象转为Hash类型进行存储 UserDTO userDTO = BeanUtil.copyProperties(user, UserDTO.class); // 由于使用的是stringRedisTemplate，所以存入的value中的值必须都是String类型的 // 但是UserDTO中的id是Long类型的，所以进行对象属性拷贝时，需要自定义实现转换规则 Map userMap = BeanUtil.beanToMap(userDTO, new HashMap<>(),CopyOptions.create().setIgnoreNullValue(true).setIgnoreNullValue(true).setFieldValueEditor((fieldName, fieldValue) -> fieldValue.toString())); // 7.3存入redis， "login:token:"是业务前缀，以 "login:token:" + token作为key stringRedisTemplate.opsForHash().putAll(RedisConstants.LOGIN_USER_KEY + token, userMap); // 7.4设置token有效期，有效期为30分钟 stringRedisTemplate.expire(RedisConstants.LOGIN_USER_KEY + token, RedisConstants.LOGIN_USER_TTL, TimeUnit.MINUTES); // 8.返回token return Result.ok(token); } private User createUserWithPhone(String phone) { // 1.创建用户 User user = new User(); user.setPhone(phone); // 随机设置昵称 user_mrkuw05lok user.setNickName(SystemConstants.USER_NICK_NAME_PREFIX + RandomUtil.randomString(10)); // 2.保存用户 save(user); return user; }
로그인 후 복사
4. 解决token刷新问题
token刷新问题是指，用户长时间不进行界面操作时，到了过期时间，token自动失效；但是，用户一旦进行操作，就需要给token续期，即更新token过期时间
为了解决token刷新问题，需要加2个拦截器
第一个拦截器可以拦截所有请求，只要用户有请求就刷新token，并保存用户信息到ThreadLocal中
第二个拦截器只对登录请求进行拦截，从ThreadLocal中获取用户信息进行校验
刷新token的拦截器代码：
public class RefreshTokenInterceptor implements HandlerInterceptor { // 因为LoginInterceptor不是通过Spring进行管理的Bean，所以不能再LoginInterceptor中进行注入StringRedisTemplate // 可以通过构造方法传入StringRedisTemplate private StringRedisTemplate stringRedisTemplate; public RefreshTokenInterceptor(StringRedisTemplate stringRedisTemplate) { this.stringRedisTemplate = stringRedisTemplate; } /** * 前置拦截 * @param request * @param response * @param handler * @return * @throws Exception */ @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception { // // 1.获取session // HttpSession session = request.getSession(); // // 2.获取session中的用户 // Object user = session.getAttribute("user"); // // 3.判断用户是否存在 // if(user == null){ // // 4.不存在，拦截，返回401状态码 // response.setStatus(401); // return false; // } // // 5.存在，保存用户信息到ThreadLocal // UserHolder.saveUser((UserDTO)user); // // 6.放行 // return true; // 1.获取请求头中的token String token = request.getHeader("authorization"); if (StrUtil.isBlank(token)) { // 不存在，则拦截，返回401状态码 response.setStatus(401); return false; } // 2.通过token获取redis中的用户 Map userMap = stringRedisTemplate.opsForHash() .entries(RedisConstants.LOGIN_USER_KEY + token); // 3.判断用户是否存在 if (userMap.isEmpty()) { // 4.用户不存在，则拦截，返回401状态码 response.setStatus(401); return false; } // 5.将redis中Hash类型数据转换成UserDTO对象 UserDTO userDTO = BeanUtil.fillBeanWithMap(userMap, new UserDTO(), false); // 6.用户存在，保存用户信息到ThreadLocal UserHolder.saveUser(userDTO); // 7.刷新token有效期 stringRedisTemplate.expire(RedisConstants.LOGIN_USER_KEY + token, RedisConstants.LOGIN_USER_TTL, TimeUnit.MINUTES); // 8.放行 return true; } /** * 后置拦截器 * @param request * @param response * @param handler * @param ex * @throws Exception */ @Override public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception { // 请求结束后移除用户，防止ThreadLocal造成内存泄漏 UserHolder.removeUser(); } }
로그인 후 복사
登录拦截器的代码：
public class LoginInterceptor implements HandlerInterceptor { @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception { // 1.判断是否需要拦截（ThreadLocal中是否有用户） if (UserHolder.getUser() == null) { // 没有，需要拦截，设置状态码 response.setStatus(401); // 拦截 return false; } // 有用户，则放行 return true; } }
로그인 후 복사
@Configuration public class MvcConfig implements WebMvcConfigurer { @Resource private StringRedisTemplate stringRedisTemplate; /** * 添加拦截器 * @param registry */ @Override public void addInterceptors(InterceptorRegistry registry) { // 登录拦截器 registry.addInterceptor(new LoginInterceptor()) // 排除不需要拦截的路径 .excludePathPatterns( "/shop/**", "/voucher/**", "/shop-type/**", "/upload/**", "/blog/hot", "/user/code", "/user/login" ).order(1); // token刷新的拦截器，order越小，执行优先级越高，所以token刷新的拦截器先执行 registry.addInterceptor(new RefreshTokenInterceptor(stringRedisTemplate)).addPathPatterns("/**") .excludePathPatterns( // RefreshTokenInterceptor拦截器也需要放行"/user/code","/user/login",不然token过期后再重新登录就会一直被拦截 "/user/code", "/user/login") .order(0); } }
로그인 후 복사
위 내용은 Redis를 활용한 기업의 SMS 로그인 사례 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
