[Spring MVC](11) 로그인 처리1 - 쿠키 & 세션
로그인 기능을 개발해보자.
홈 화면에 고객 이름이 보여야 한다.
LoginService
package hello.login.domain.login;
import hello.login.domain.member.Member;
import hello.login.domain.member.MemberRepository;
import lombok.RequiredArgsConstructor;
import org.springframework.stereotype.Service;
@Service
@RequiredArgsConstructor
public class LoginService {
private final MemberRepository memberRepository;
/**
* @return null 로그인 실패
*/
public Member login(String loginId, String password) {
return memberRepository.findByLoginId(loginId)
.filter(m -> m.getPassword().equals(password))
.orElse(null);
}
}회원 조회 후 파라미터로 넘어온 password와 비교해서 같으면 회원을 반환하고, 다르면 null을 반환한다.
LoginForm
package hello.login.web.login;
import lombok.Data;
import javax.validation.constraints.NotEmpty;
@Data
public class LoginForm {
@NotEmpty
private String loginId;
@NotEmpty
private String password;
}
LoginController
package hello.login.web.login;
import hello.login.domain.login.LoginService;
import hello.login.domain.member.Member;
import lombok.RequiredArgsConstructor;
import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Controller;
import org.springframework.validation.BindingResult;
import org.springframework.web.bind.annotation.*;
import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServletResponse;
import javax.validation.Valid;
import java.util.Objects;
@Slf4j
@Controller
@RequiredArgsConstructor
public class LoginController {
private final LoginService loginService;
@GetMapping("/login")
public String loginForm(@ModelAttribute("loginForm") LoginForm form) {
return "login/loginForm";
}
@PostMapping("/login")
public String login(@Validated @ModelAttribute LoginForm form, BindingResult bindingResult, HttpServletResponse response) {
if (bindingResult.hasErrors()) {
return "/login/loginForm";
}
Member loginMember = loginService.login(form.getLoginId(), form.getPassword());
if (loginMember == null) {
bindingResult.reject("loginFail", "아이디 또는 비밀번호가 맞지 않습니다.");
return "/login/loginForm";
}
//로그인 성공 처리 TODO
return "redirect:/";
}
}LoginService를 호출해서 로그인에 성공하면 홈 화면으로 이동하고, 실패하면 bindingResult.reject()를 사용해서 글로벌 오류(ObjectError)를 생성한다. 그리고 정보를 다시 입력하도록 로그인 폼을 뷰 템플릿으로 사용한다.
실행해보면 아직 로그인이 되면 홈 화면에 고객 이름이 보이지 않는다. 로그인의 상태를 유지하면서, 고객의 이름을 보여주기 위해 '쿠키'를 사용해보자.
로그인 처리 - 쿠키
쿠키의 종류
* 영속 쿠키: 만료 날짜를 입력하면 해당 날짜까지 유지
* 세션 쿠키: 만료 날짜를 생략하면 브라우저 종료시까지만 유지
브라우저 종료시 로그아웃되길 기대하므로, 세션 쿠키를 이용해보겠다.
LoginController - login()
@PostMapping("/login")
public String login(@Validated @ModelAttribute LoginForm form, BindingResult bindingResult, HttpServletResponse response) {
if (bindingResult.hasErrors()) {
return "/login/loginForm";
}
Member loginMember = loginService.login(form.getLoginId(), form.getPassword());
if (loginMember == null) {
bindingResult.reject("loginFail", "아이디 또는 비밀번호가 맞지 않습니다.");
return "/login/loginForm";
}
// 쿠키에 시간 정보를 주지 않으면 세션 쿠키(브라우저 종료시 모두 종료)
Cookie idCookie = new Cookie("memberId", String.valueOf(loginMember.getId()));
response.addCookie(idCookie);
return "redirect:/";
}쿠키 생성 로직을 추가한다.
로그인에 성공하면 쿠키를 생성하고 HttpServletResponse에 담는다.
쿠키 이름은 memberId이고, 값은 회원의 Id를 담아둔다.
웹 브라우저는 종료 전가지 회원의 id를 서버에 계속 보내줄 것이다.
홈 - 로그인 처리
package hello.login.web;
import hello.login.domain.member.Member;
import hello.login.domain.member.MemberRepository;
import lombok.RequiredArgsConstructor;
import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.CookieValue;
import org.springframework.web.bind.annotation.GetMapping;
@Slf4j
@Controller
@RequiredArgsConstructor
public class HomeController {
private final MemberRepository memberRepository;
// @GetMapping("/")
public String home() {
return "home";
}
@GetMapping("/")
public String homeLogin(@CookieValue(name = "memberId", required = false) Long memberId, Model model) {
if (memberId == null) {
return "home";
}
//로그인
Member loginMember = memberRepository.findById(memberId);
if (loginMember == null) {
return "home";
}
model.addAttribute("member", loginMember);
return "loginHome";
}
}@CookieValue를 사용해 편리하게 쿠키를 조회한다.
로그인 하지 않은 사용자도 홈에 접근할 수 있기 때문에 required = false를 사용한다.
로그인 쿠키(memberId)가 없는 사용자는 기존 home으로 보낸다.
로그인 쿠키가 있는 사용자는 member 데이터를 모델에 담아서 로그인 사용자 전용 홈 화면인 loginHome으로 전달한다.
LoginController - logout 기능 추가
@PostMapping("/logout")
public String logout(HttpServletResponse response) {
expireCookie(response, "memberId");
return "redirect:/";
}
private void expireCookie(HttpServletResponse response, String cookieName) {
Cookie cookie = new Cookie(cookieName, null);
cookie.setMaxAge(0);
response.addCookie(cookie);
}로그아웃시 쿠키를 만료시키고, 홈화면으로 보낸다.
쿠키를 사용해서 로그인Id를 전달해서 로그인을 유지할 수 있었다.
그런데 여기에는 심각한 보안 문제가 있다.
1. 쿠키의 값은 임의로 변경할 수 있다.
2. 쿠키에 보관된 정보는 훔쳐갈 수 있다.
3. 쿠키를 훔쳐가면 그 쿠키로 악의적인 요청을 게속 시도할 수 있다.
대안
1. 쿠키에 중요한 값을 노출하지 않고, 사용자별로 예측 불가능한 임의의 토큰(랜덤 값)을 노출하고, 서버에서 토큰과 사용자 ID를 매핑해서 인식한다. 서버에서는 토큰을 관리한다.
2. 토큰을 털어가도 시간이 지나면 사용할 수 없도록 서버에서 해당 토큰의 만료시간을 짧게 유지한다.
3. 해킹이 의심되는 경우 서버에서 해당 토큰을 강제로 제거한다.
결국 이 문제를 해결하려면 결국 중요한 정보를 모두 서버에 저장해야 한다. 그리고 클라이언트와 서버는 추정 불가능한 임의의 식별자 값으로 연결해야 한다. 이렇게 서버에 중요한 정보를 보관하고 연결을 유지하는 방법을 세션이라 한다.
세션
1. 사용자가 loginId, password 정보를 전달하면 서버에서 해당 사용자가 맞는지 확인한다.
2. 추적 불가한 UUID를 통해 세션 ID를 생성한다.
3. 생성된 세션 ID와 세션에 보관할 값(memberA)을 서버의 세션 저장소에 보관한다.
4. 서버는 클라이언트에 세션 ID만 쿠키에 담아서 전달한다.
5. 클라이언트는 쿠키 저장소에 세션 ID로 된 쿠키를 보관한다.
*중요! 회원과 관련된 정보는 전혀 클라이언트에 전달하지 않는다.
로그인 이후 접근
1. 클라이언트는 요청시 항상 세션 ID를 쿠키로 전달한다.
2. 서버에서는 클라이언트가 전달한 세션 ID 쿠키 정보로 세션 저장소를 조회해서 로그인시 보관한 세션 정보를 사용한다.
이제 세션을 사용해서 서버에서 중요한 정보를 관리하게 되었다. 덕분에 보안 문제들을 해결할 수 있다.
로그인 처리 - 세션 직접 만들기
세션 관리는 3가지 기능을 제공하면 된다.
1. 세션 생성
* sessionId 생성
* 세션 저장소에 sessionId와 보관할 값 저장
* sessionId로 응답 쿠키를 생성해서 클라이언트에 전달
2. 세션 조회
* 클라이언트가 요청한 sessionId 쿠키의 값으로, 세션 저장소에 보관한 값 조회
3. 세션 만료
* 클라이언트가 요청한 sessionId 쿠키의 값으로, 세션 저장소에 보관한 sessionId와 값 제거
SessionManager - 세션 관리
package hello.login.web.session;
import org.springframework.stereotype.Component;
import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.Arrays;
import java.util.Map;
import java.util.UUID;
import java.util.concurrent.ConcurrentHashMap;
@Component
public class SessionManager {
public static final String SESSION_COOKIE_NAME = "mySessionId";
private Map<String, Object> sessionStore = new ConcurrentHashMap<>();
/**
* 세션 생성
*/
public void createSession(Object value, HttpServletResponse response) {
// 세션 id를 생성하고, 값을 세션에 저장
String sessionId = UUID.randomUUID().toString();
sessionStore.put(sessionId, value);
// 쿠키 생성
Cookie mySessionCookie = new Cookie(SESSION_COOKIE_NAME, sessionId);
response.addCookie(mySessionCookie);
}
/**
* 세션 조회
*/
public Object getSession(HttpServletRequest request) {
Cookie sessionCookie = findCookie(request, SESSION_COOKIE_NAME);
if (sessionCookie == null) {
return null;
}
return sessionStore.get(sessionCookie.getValue());
}
/**
* 세션 만료
*/
public void expire(HttpServletRequest request) {
Cookie sessionCookie = findCookie(request, SESSION_COOKIE_NAME);
if (sessionCookie != null) {
sessionStore.remove(sessionCookie.getValue());
}
}
public Cookie findCookie(HttpServletRequest request, String cookieName) {
if (request.getCookies() == null) {
return null;
}
return Arrays.stream(request.getCookies())
.filter(cookie -> cookie.getName().equals(cookieName))
.findAny()
.orElse(null);
}
}
직접 만든 세션 적용
세션 관리 기능을 컨트롤러에 적용해보자.
LoginController - loginV2()
@PostMapping("/login")
public String loginV2(@Validated @ModelAttribute LoginForm form, BindingResult bindingResult, HttpServletResponse response) {
if (bindingResult.hasErrors()) {
return "/login/loginForm";
}
Member loginMember = loginService.login(form.getLoginId(), form.getPassword());
if (loginMember == null) {
bindingResult.reject("loginFail", "아이디 또는 비밀번호가 맞지 않습니다.");
return "/login/loginForm";
}
// 세션 관리자를 통해 세션을 생성하고, 회원 데이터 저장
sessionManager.createSession(loginMember, response);
return "redirect:/";
}컨트롤러에
private final SessionManager sessionManager;
주입한다.
세션에 loginMember를 저장해두고, 쿠키도 함께 발행한다.
LoginCotroller - logoutV2()
@PostMapping("/logout")
public String logoutV2(HttpServletRequest request) {
sessionManager.expire(request);
return "redirect:/";로그아웃시 세션을 만료시키도록 수정한다.
HomeController - homeLoginV2()
@GetMapping("/")
public String homeLoginV2(HttpServletRequest request, Model model) {
//세션 관리자에 저장된 회원 정보 조회
Member member = (Member) sessionManager.getSession(request);
//로그인
if (member == null) {
return "home";
}
model.addAttribute("member", member);
return "loginHome";
}세션 관리자에서 저장된 회원 정보를 조회한다. 회원 정보가 없으면 쿠키나 세션이 없는 것이므로 로그인되지 않은 것으로 처리한다.
세션을 직접 개발하는 것은 상당히 불편하다. 그래서 서블릿에서 지원하는 세션을 사용해보자.
로그인 처리하기 - 서블릿 HTTP 세션 1
서블릿은 세션을 위해 HttpSession이라는 기능을 제공한다. 이를 사용해서 개발해보자.
SessionConst
package hello.login.web;
public class SessionConst {
public static final String LOGIN_MEMBER = "loginMember";
}HttpSession에 데이터를 보관하고 조회할때, 같은 이름이 중복되어 사용되므로 상수를 정의해서 사용한다.
LoginController - loginV3()
@PostMapping("/login")
public String loginV3(@Validated @ModelAttribute LoginForm form, BindingResult bindingResult, HttpServletResponse response, HttpServletRequest request) {
if (bindingResult.hasErrors()) {
return "/login/loginForm";
}
Member loginMember = loginService.login(form.getLoginId(), form.getPassword());
if (loginMember == null) {
bindingResult.reject("loginFail", "아이디 또는 비밀번호가 맞지 않습니다.");
return "/login/loginForm";
}
// 로그인 성공 처리
// 세션이 있으면 있는 세션 반환, 없으면 신규 세션을 생성
HttpSession session = request.getSession();
// 세션에 로그인 회원 정보 보관
session.setAttribute(SessionConst.LOGIN_MEMBER, loginMember);
return "redirect:/";
}세션 생성
request.getSession(true): 세션이 있으면 기존 세션 반환 / 없으면 새 세션을 생성 후 반환
request.getSession(false): 세션이 있으면 기존 세션 반환 / 없으면 null 반환
세션에 로그인 회원 정보 저장
session.setAttribute(): 하나의 세션에 여러 값을 저장할 수 있다.
LoginController - logoutV3()
@PostMapping("/logout")
public String logoutV3(HttpServletRequest request) {
HttpSession session = request.getSession(false);
if (session != null) {
session.invalidate();
}
return "redirect:/";
}
HomeController - homeLoginV3()
@GetMapping("/")
public String homeLoginV3(HttpServletRequest request, Model model) {
HttpSession session = request.getSession(false);
if (session == null) {
return "home";
}
Member loginMember = (Member) session.getAttribute(SessionConst.LOGIN_MEMBER);
//세션에 회원 데이터가 없으면 home
if (loginMember == null) {
return "home";
}
//세션이 유지되면 로그인으로 이동
model.addAttribute("member", loginMember);
return "loginHome";
}로그인하지 않은 사용자도 의미없이 세션이 만들어지지 않기 위해 request.getSession(false) 처리해둔다.
실행해보면 JSESSIONID 쿠키가 적절히 생성되는 것을 확인해볼 수 있다.
로그인 처리하기 - 서블릿 HTTP 세션 2
스프링은 더 편하게 사용할 수 있도록 @SessionAttribute를 지원한다.
이미 로그인된 사용자를 찾을때는 다음과 같이 사용하면 된다. 참고로 이 기능은 세션을 생성하지 않는다.
@SessionAttribute(name = "loginMember", required = false) Member loginMember
HomeController - homeLoginV3Spring()
@GetMapping("/")
public String homeLoginV3Spring(@SessionAttribute(name = SessionConst.LOGIN_MEMBER, required = false) Member loginMember, Model model) {
//세션에 회원 데이터가 없으면 home
if (loginMember == null) {
return "home";
}
//세션이 유지되면 로그인으로 이동
model.addAttribute("member", loginMember);
return "loginHome";
}
세션 타임아웃 설정
현재 세션은 사용자가 로그아웃을 할때 session.invalidate()가 호출되면서 삭제된다. 그런데 대부번 사용자는 로그아웃을 하지 않고, 그냥 웹 브라우저를 종료한다. 문제는 HTTP가 비연결성이므로 서버는 해당 사용자가 웹 브라우저를 변경한 것인지 아닌지를 인식할 수 없다.
남아있는 세션을 무한정 보관하면 여러가지 문제가 발생할 수 있다.
1. 세션과 관련된 쿠키를 탈취당했을 경우, 해당 쿠키로 악의적인 요청을 할 수 있다.
2. 세션은 기본적으로 메모리에 생성되기 때문에 꼭 필요한 경우만 생성해서 사용해야 한다.
세션의 종료 시점을 어떻게 정하면 좋을까?
절대적인 시간으로 설정하면 사용자가 서비스를 이용하다가 다시 로그인을 하는 불편함을 겪을 수 있다.
대안으로 사용자가 서버에 최근 요청한 시간을 기준으로 30분 정도를 유지해주는 것이다. HttpSession은 이 방식을 사용한다.
LastAccessedTime 이후로 timeout 시간이 지나면, WAS가 내부에서 해당 세션을 제거한다.
정리
1. 서블릿의 HttpSession 의 기능을 이용하자.
2. 세션에는 최소한의 데이터만 보관해야 한다.
3. 세션의 시간을 너무 길게 가져가지 말자.(30분을 기준으로 고민하자)