Cookie 해결

8.2 (금)

📌 어제부터 뺑이친 cookie로 만든 작고작은 프로젝트를 해결해서 기분좋은 기념으로 한번 더 올린다. 점점 개발 오류에 대한 익숙함이 증가하는중.

0. Cookie 사용법.

0-1. 쿠키생성

//ex1) 파라미터로 받을때  

String uid = req.getParameter("uid"); //파라미터값을 String에 할당해서

Cookie userInfoCookie = new Cookie("userInfo", uid); //쿠키 값 부분에 넣어줌

-----------------------------------------------------------------------
//ex2) 배열로 받을때

 cart = new Cookie("cart", String.join("&", items));

👉 여기서 중요한점은 쿠키는 키와 값의 형태로 집어넣는데, 둘다 문자열이여야함.
👉 그렇기 때문에 배열로 받을때 내부의 값을 문자열로 이어지도록 받아줘야함.

---

0-2. 쿠키 유효범위, 유효기간, 저장

userInfoCookie.setPath("/"); //유효범위 설정

userInfoCookie.setMaxAge(60 * 60 * 24); //유효기간 설정

resp.addCookie(userInfoCookie); // 쿠키 저장

👉 쿠키 생성 바로 밑에 해당 컨트롤러에서 생성된 쿠키를 어디에서든 사용가능한지 설정 하는 setPath, 유효범위를 설정한다
👉 쿠키를 생성해두면 몇시간동안 사용이 가능한지 setMaxAge, 유효기간을 설정한다
👉 설정한 쿠키를 addCookie 저장한다.

---

0-3. 쿠키를 jsp에 사용할수있도록 컨트롤러에서 꺼내기.

Cookie cks = CookieUtil.getCookie(req, "userInfo"); //CookieUtil을 통해
//userInfo라는 쿠키가 있는지 확인하고 있으면 cks라는 변수에 담기.

String cksvalue = cks.getValue(); //cksvalue라는 문자열에 cks쿠키의 값을 문자열로 변환

req.setAttribute("cksvalue", cksvalue); //jsp에서 cksvalue라는 이름으로 cksvalue를 사용가능

👉 쿠키를 사용하고싶은 컨트롤러에서 코드를 작성하고 jsp에서 항상하던 setAttribute를 이용하여 ${cksvalue}를 사용하면됨.

---

0-4. 만약 쿠키가 배열이라서 & 로 묶여있다면 jsp에서 사용법.

	<div>
        <c:set var="cartItems" value="${fn:split(cartValue, '&')}" />
        <c:forEach items="${cartItems}" var="cart">
             <img src="/img/${cart}">${cart}
        </c:forEach>
    </div>

👉 cartItems라는 이름으로 컨트롤러에서 setAttribute 를 했었음. &로 엮여있는 문자열들을 split을 통해서 풀어줌
👉 여기서 fn이 사용되는데 fn 사용하려면 아래 코드를 상위에 import를 해줘야함
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

---

1-1. SigninController

@WebServlet(value="/signin")
@Log4j2

public class SigninController extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        log.info("signin doGet");

        req.getRequestDispatcher("/WEB-INF/signin.jsp").forward(req, resp);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        log.info("signin doPost");

        String uid = req.getParameter("uid");
        // uid라는 파라미터값 가져오기

        Cookie userInfoCookie = new Cookie("userInfo", uid);
		//uid라는 값을 userInfo라는 이름으로 cookie를 생성

        userInfoCookie.setPath("/");
		//이 코드는 /signin에서 생성된 쿠키이므로 /signin 및 그 하위 경로에서만 유효한데
        // 현재처럼 / 이렇게만 되어있다면 웹 어플리케이션 모든 경로에서 이 쿠키를 접근 할 수있다.

        userInfoCookie.setMaxAge(60 * 60 * 24);
        // 1일동안 쿠키를 생성
    
        resp.addCookie(userInfoCookie);
        //쿠키저장

        resp.sendRedirect("/movies");
    }
}

---

1-2. MoviesController

@WebServlet(value="/movies")
@Log4j2
public class MoviesController extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        log.info("movies doGet");


        Cookie cks = CookieUtil.getCookie(req, "userInfo"); //userInfo라는 cookie있는지 검사

        if(cks == null){
            log.info("cookies is empty");
            resp.sendRedirect("/signin");
            return; //userInfo 없으면 종료
        }


        ArrayList<String> movies = new ArrayList<>();

        movies.add("movie1.jpg");
        movies.add("movie2.jpg");
        movies.add("movie3.jpg");
        movies.add("movie4.jpg");
        movies.add("movie5.jpg");

        req.setAttribute("movies", movies); movies라는 이름으로 jsp에서 사용가능.

        req.getRequestDispatcher("/WEB-INF/movies.jsp").forward(req, resp);
    }


}

---

1-3. BuyController

@WebServlet("/buy")
@Log4j2
public class BuyController extends HttpServlet {

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        log.info("buy doPost");

        String[] items = req.getParameterValues("item"); //jsp의 파라미터값을 배열로 받기

        if (items != null && items.length > 0) { //장바구니에 담은 item이 있다면
            Cookie cart = CookieUtil.getCookie(req, "cart"); //CookieUtil의 getCookie 메소드를 사용하여 cart라는 쿠키를 가져옴.
                                                            // 기존에 Cookie가 없었으니까 cart는 null값이 반환될 것이고 아래에서 null일때는 cart쿠키를 생성해줌.


            if (cart == null) { //만약에 카트라는 쿠키가 없다면
                cart = new Cookie("cart", String.join("&", items)); //cart라는 이름으로 쿠키를 생성해줌, items 배열의 요소를 문자열로 결합시켜줌.
            } else {
                cart.setValue(cart.getValue() + "&" + String.join("&", items)); //카트쿠키가 이미 있다면, 아이템만 추가해준다.
                //근데 쿠키는 ("문자열","문자열")의 형태로 만들어줘야해서 & 를 통해 문자열을 이어준것.
            }
            cart.setPath("/");
            //어느 경로에서든 사용가능.
            resp.addCookie(cart);
			//쿠키저장

            resp.sendRedirect("/mypage");
        }
    }
}

---

1-4. MypageController

@WebServlet(value="/mypage")
@Log4j2
public class MypageController extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        log.info("mypage doGet");

        Cookie cks = CookieUtil.getCookie(req,"userInfo");
		// CookieUtil을 이용해서 userInfo라는 쿠키가 있는지 확인
        // 만약 userInfo 쿠키가 없다면 cks는 null로 반환될것임.
        
        if(cks == null){
            log.info("userInfo is null");
            resp.sendRedirect("/signin");
            return;
            // userInfo쿠키가 없다면 로그인화면으로 이동
        }

        Cookie cart = CookieUtil.getCookie(req,"cart");
        // 똑같이 cart쿠키가 있는지 확인하기
        if(cart == null){
            log.info("cart is null");
            resp.sendRedirect("/movies");
            return;
        }else{ //만약 cart쿠키가 있다면
            String cartValue = cart.getValue();
			// getValue메소드는 쿠키의 값을 문자열로 반환
            req.setAttribute("cartValue", cartValue);
            // cartValue를 cartvalue라는 이름으로 사용
        }

        req.getRequestDispatcher("/WEB-INF/mypage.jsp").forward(req, resp);
    }
}

---

1-5. CookieUtil

public class CookieUtil {

    public static Cookie getCookie(final HttpServletRequest request, final String name) {

        Cookie[] cookies = request.getCookies();
        //request.getCookies를 통해 http에 요청한 쿠키를 쿠키 배열에 넣고
        if (cookies == null || cookies.length == 0) {
        //쿠키배열이 없으면 null로 반환
            return null;
        }
        for (Cookie cookie : cookies) {
        // Cookie배열내에 cookie를 하나씩 꺼냈을때
            if (cookie.getName().equals(name)) {
            //매개변수로 넣었던(원하는 쿠키이름)과 같다면 cookie를 리턴해줌.
                return cookie;
            }

        }
        return null;
    }
}

---

1-6. signin.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<h1>signin Page 입니다.</h1>

<form action = "/signin" method="post">
    <div>
        <label>ID</label>
        <input type="text" name="uid">
    </div>

    <div>
        <label>PW</label>
        <input type="password" name="upw">
    </div>

    <button>SIGNIN</button>

</form>

</body>
</html>

---

1-7. movies.jsp

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<style>
    .pic{
        width: 12rem;
        margin : 2rem;
    }
</style>


<form action="/buy" method="post">
    <ul>
    <c:forEach items="${movies}" var="movie">
        <li>
            <img class="pic" src="/img/${movie}">
            <input type="checkbox" name="item" value="${movie}">${movie}
        </li>
    </c:forEach>
    </ul>
    <button>담기</button>
</form>


</body>
</html>

---

1-8. mypage.jsp

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<h1>My Page 쿠키있네?</h1>

<style>
    img{
        width: 12rem;
    }
</style>


<ul>
    <div>
        <c:set var="cartItems" value="${fn:split(cartValue, '&')}" />
        <c:forEach items="${cartItems}" var="cart">
             <img src="/img/${cart}">${cart}
        </c:forEach>
    </div>
</ul>
</body>
</html>

1-9. LogoutController

---

@WebServlet(value="/logout")
@Log4j2
public class LogoutController  extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        log.info("logout post");
        Cookie logoutCookie = CookieUtil.getCookie(req,"signin");
        // 맨처음 signin 쿠키가 있는지 확인

        if(logoutCookie != null) {
            logoutCookie.setMaxAge(0);
            resp.addCookie(logoutCookie);
            log.info("yes logout");
            resp.sendRedirect("/movie/signin");
        }

    }
}

---

1-10. LoginCheckFilter

@WebFilter (urlPatterns = {"/movie/movies","/movie/mypage"})
@Log4j2
public class LoginCheckFilter implements Filter {

    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {

        HttpServletRequest request = (HttpServletRequest) servletRequest;
        HttpServletResponse response = (HttpServletResponse) servletResponse;

        Cookie cks = CookieUtil.getCookie(request,"signin"); //signin 쿠키가 있는지 확인

        if(cks == null || cks.getValue() == null){ //로그인 쿠키가 없다면 모든 jsp페이지에서 url로 이동불가능
            response.sendRedirect("/signin");
            log.info("no fisrt cookie");
            return;
        }
        filterChain.doFilter(servletRequest, servletResponse);
    }
}

---

1-11. register DAO

public enum MovieDAO {

    INSTANCE;

    public Integer register(MovieVO movie) throws Exception {
        String sql = "insert into tbl_movies (uid,upw,name) values (?,?,?)";

        @Cleanup Connection con = ConnectionUtil.INSTANCE.getDs().getConnection();
        @Cleanup PreparedStatement ps = con.prepareStatement(sql);
        ps.setString(1, movie.getUid());
        ps.setString(2, movie.getUpw());
        ps.setString(3, movie.getName());

        int count = ps.executeUpdate();

        if(count != 1){
            throw new Exception();
        }
        Integer mno = movie.getMno();

        return mno;
    }
}

👉 register의 return값은 몇번이 등록되었습니다. 라는 문구가 나오기위해 Intger
👉 register에 매개변수로 넣을 값은 jsp로그인창에 들어갈 uid,upw이므로 MovieVO 데이터타입을 사용하기

---

1-12. RegisterController

@WebServlet(value="/movie/register")
@Log4j2
public class RegisterController extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        log.info("register get");

        req.getRequestDispatcher("/WEB-INF/movie/register.jsp").forward(req, resp);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        log.info("register post");

        String uid = req.getParameter("uid");
        String upw = req.getParameter("upw");
        String name = req.getParameter("name");

        MovieVO movievo = MovieVO.builder()
                .uid(uid)
                .upw(upw)
                .name(name)
                .build();

        try {
            MovieDAO.INSTANCE.register(movievo);
            log.info("yes login");
            resp.sendRedirect("/movie/signin");

        } catch (Exception e) {
            resp.sendRedirect("/movie/signin?error=input");
            throw new RuntimeException(e);
        }


    }
}

👉 MovieVO채로 넣어줘야하니까 builder 이용하기

---

1-13. register.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<h1>register</h1>

<form action="/movie/register" method="post">
    <div>
        <label>ID</label>
        <input type="text" name="uid">
    </div>

    <div>
        <label>PW</label>
        <input type="password" name="upw">
    </div>

    <div>
        <label>NAME</label>
        <input type="text" name="name">
    </div>

    <button>Register</button>
</form>
</body>
</html>