JSP & Servlet-5日目(Cookie)

JSP&Servlet

ブラウザに一時的にデータを保存するCookieを学ぼう。まずはControllerとviewを作成
●controller.Index.java

01package controller;
02 
03import java.io.IOException;
04 
05import javax.servlet.RequestDispatcher;
06import javax.servlet.ServletException;
07import javax.servlet.annotation.WebServlet;
08import javax.servlet.http.Cookie;
09import javax.servlet.http.HttpServlet;
10import javax.servlet.http.HttpServletRequest;
11import javax.servlet.http.HttpServletResponse;
12 
13@WebServlet("/index")
14public class Index extends HttpServlet {
15  private static final long serialVersionUID = 1L;
16        
17  protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
18    boolean countExists=false;//Cookieにcountが存在するか?
19     int count=1;//現在のカウント
20     Cookie cookie=null;//Cookie変数を宣言
21     Cookie[] cookies=request.getCookies();//送信されているCookieを取得(Cookieが送信されていなかったらnull)
22     //Cookieが送信されていた場合
23     if(cookies !=null){
24       //特定のキーのCookieがあるかどうかは一つずつ調べるしかない
25       for(Cookie c:cookies){
26         //countというcookieがあるか
27         if(c.getName().equals("count")){
28           //cookieからcountを取り出して1増やす
29           count=Integer.parseInt(c.getValue()) +1;
30           //新しくcountをキーにしてCookieを生成する
31           cookie=new Cookie("count",String.valueOf(count));
32           //cookieの有効期限を秒で設定(下は90日)
33           cookie.setMaxAge(60*60*24*90);
34           //レスポンスヘッダーにcookieを詰める
35           response.addCookie(cookie);
36           //countが存在したのでtrue
37           countExists=true;
38           //見つかったら探索をやめてループを抜ける
39           break;
40         }
41       }
42     }
43     //countというクッキーが送信されていなかった場合
44     if(!countExists){
45       //新しくCookieを生成
46       cookie=new Cookie("count","1");
47       cookie.setMaxAge(60*60*24*90);
48       response.addCookie(cookie);
49     }
50     //現在のカウントをviewで使えるようにリクエストスコープに詰める
51     request.setAttribute("count", String.valueOf(count));
52     //フォワード処理
53     RequestDispatcher rd=request.getRequestDispatcher("/WEB-INF/view/index.jsp");
54     rd.forward(request,response);  
55  }
56}

●WEB-INF/view/index.jsp

01<%@ page language="java" contentType="text/html; charset=UTF-8"
02    pageEncoding="UTF-8"%>
03<%
04String count=(String)request.getAttribute("count");
05%>
06<!DOCTYPE html>
07<html>
08<head>
09<meta charset="UTF-8"/>
10<title>クッキーの練習</title>
11</head>
12<body>
13<p>あなたは<%=count %>回目の訪問です。</p>
14</body>
15</html>

実行してみて、以下のように表示されれば成功だ。

ブラウザをリロードしてみよう。訪問回数が一つずつ増えていくはずだ。

[クッキーとは]
一言でいうとブラウザにデータを保存する仕組みだ。サーバーからクライアントに対して任意のテキストデータを保存することができ、それをアプリ側から利用することができる。先程の例では訪問回数をブラウザに保存しそれを利用してアプリを作成した。

[クッキーの確認]
それでは保存されているデータを確認してみよう。
今回はChromeを使用する。
1.URLを入力し、さきほどの画面を表示させる。
2.デベロッパーツールを開く(Win:ctr+shift+i,Mac:command+option+i)
3.アプリケーションからホストを選択し、countというクッキーが保存されていることを確認する。

4.ブラウザをリロードするとこのクッキーの値も増えていくことを確認する。

[クッキーの利用]
このように、クッキーはデータの閲覧も改ざんも消去もとても簡単にできる。なので重要な情報などはやり取りできない。しかもあくまでもブラウザに保存しているので、他のWebブラウザを使用すると情報が維持されない点にも注意が必要だ。

[クーキー送受信の流れ]

クッキーの送受信はリクエスト、レスポンス間のヘッダーにて行われる。クッキーを利用する際はこの処理の流れを頭の中にイメージしながらやることが大切だ。

クッキーの基本を学んだところでさっそく練習問題をやってみよう。

Q1.クッキーを利用して、一度名前をe-mailを入力すると、以後は入力を省略できるアプリを作成せよ。
[実行例]
●スタート画面:最初は空白のフォームが表示される。

●情報を入力する

●送信ボタンを押す

●再びアクセスすると、名前とe-mailが入力済みとなっている。

[解答例]
●controller.CookieLesson.java

01package controller;
02 
03import java.io.IOException;
04import java.net.URLDecoder;
05import java.net.URLEncoder;
06 
07import javax.servlet.RequestDispatcher;
08import javax.servlet.ServletException;
09import javax.servlet.annotation.WebServlet;
10import javax.servlet.http.Cookie;
11import javax.servlet.http.HttpServlet;
12import javax.servlet.http.HttpServletRequest;
13import javax.servlet.http.HttpServletResponse;
14 
15/**
16 * Servlet implementation class CookieLesson
17 */
18@WebServlet("/sample")
19public class CookieLesson extends HttpServlet {
20  private static final long serialVersionUID = 1L;
21 
22     
23  /**
24   * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
25   */
26  protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
27    String name="";
28    String email="";
29    Cookie[] cookies=request.getCookies();
30    if(cookies !=null) {
31      for(Cookie  c:cookies) {
32        if(c.getName().equals("name")) {
33          name=URLDecoder.decode(c.getValue(),"UTF-8");
34        }
35        if(c.getName().equals("email")) {
36          email=URLDecoder.decode(c.getValue(),"UTF-8");
37        }
38        if(!name.isEmpty() && !email.isEmpty()) {
39          break;
40        }
41      }
42    }
43    request.setAttribute("name", name);
44    request.setAttribute("email", email);
45    RequestDispatcher rd=request.getRequestDispatcher("/WEB-INF/view/form.jsp");
46    rd.forward(request, response);
47  }
48 
49  /**
50   * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
51   */
52  protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
53    request.setCharacterEncoding("UTF-8");
54    String name=request.getParameter("name");
55    String email=request.getParameter("email");
56    Cookie[] cookies= {new Cookie("name",URLEncoder.encode(name,"UTF-8")),new Cookie("email",URLEncoder.encode(email,"UTF-8"))};
57    for(Cookie c:cookies) {
58      c.setMaxAge(60*60*24*180);
59      response.addCookie(c);
60    }
61    RequestDispatcher rd=request.getRequestDispatcher("/WEB-INF/view/result.jsp");
62    rd.forward(request, response);
63  }
64 
65}

●WEB-INF/view/form.jsp

01<%@ page language="java" contentType="text/html; charset=UTF-8"
02    pageEncoding="UTF-8"%>
03<%
04String name=(String)request.getAttribute("name");
05String email=(String)request.getAttribute("email");
06%>
07<!DOCTYPE html>
08<html>
09<head>
10<meta charset="UTF-8"/>
11<title>Insert title here</title>
12</head>
13<body>
14<form action="/joytas5/sample" method="post">
15名前:<input type="text" name="name" value="<%=name %>"><br>
16e-mail:<input type="email" name="email" value="<%=email %>"><br>
17<input type="submit" value="送信">
18</form>
19</body>
20</html>

●WEB-INF/view/result.jsp

01<%@ page language="java" contentType="text/html; charset=UTF-8"
02    pageEncoding="UTF-8"%>
03<!DOCTYPE html>
04<html>
05<head>
06<meta charset="UTF-8"/>
07<title>Insert title here</title>
08</head>
09<body>
10<p>クッキーに登録しました!</p>
11</body>
12</html>

コメント

タイトルとURLをコピーしました