在路上 -- Java web -- 会话技术 -- Cookie

天370

于 2022-11-15 10:35:49 发布

阅读量95

点赞数

文章标签：前端服务器运维 java

本文链接：https://blog.csdn.net/qq_63094247/article/details/127858896

版权

目标

理解什么是会话跟踪技术

掌握 Cookie 的使用

掌握 Session 的使用

会话跟踪技术的概述

对于会话跟踪这四个词，我们需要拆开来进行解释，首先要理解什么是会话，然后再去理解什么是会话跟踪:

会话 : 用户打开浏览器，访问 web 服务器的资源，会话建立，直到有一方断开连接，会话结束。在

一次会话中可以包含多次请求和响应。

从浏览器发出请求到服务端响应数据给前端之后，一次会话 ( 在浏览器和服务器之间 ) 就被建立了

会话被建立后，如果浏览器或服务端都没有被关闭，则会话就会持续建立着

浏览器和服务器就可以继续使用该会话进行请求发送和响应，上述的整个过程就被称之为会话。

用实际场景来理解下会话，比如在我们访问京东的时候，当打开浏览器进入京东首页后，浏览器和

京东的服务器之间就建立了一次会话，后面的搜索商品 , 查看商品的详情 , 加入购物车等都是在这一

次会话中完成。

思考 : 下图中总共建立了几个会话 ?

每个浏览器都会与服务端建立了一个会话，加起来总共是 3 个会话。

会话跟踪 : 一种维护浏览器状态的方法，服务器需要识别多次请求是否来自于同一浏览器，以便在

同一次会话的多次请求间 共享数据 。

服务器会收到多个请求，这多个请求可能来自多个浏览器，如上图中的 6 个请求来自 3 个浏览器服务器需要用来识别请求是否来自同一个浏览器

服务器用来识别浏览器的过程，这个过程就是 会话跟踪

服务器识别浏览器后就可以在同一个会话中多次请求之间来共享数据

那么我们又有一个问题需要思考，一个会话中的多次请求为什么要共享数据呢 ? 有了这个数据共享

功能后能实现哪些功能呢 ?

购物车 : 加入购物车和去购物车结算是两次请求，但是后面这次请求要想展示前一次请求所添加

的商品，就需要用到数据共享。

页面展示用户登录信息 : 很多网站，登录后访问多个功能发送多次请求后，浏览器上都会有当前

登录用户的信息 [ 用户名]，比如百度、京东、码云等。

网站登录页面的记住我功能 : 当用户登录成功后，勾选记住我按钮后下次再登录的时候，网站就

会自动填充用户名和密码，简化用户的登录操作，多次登录就会有多次请求，他们之间也涉及

到共享数据

登录页面的验证码功能 : 生成验证码和输入验证码点击注册这也是两次请求，这两次请求的数据

之间要进行对比，相同则允许注册，不同则拒绝注册，该功能的实现也需要在同一次会话中共

享数据。

通过这几个例子的讲解，相信大家对会话追踪技术已经有了一定的理解，该技术在实际开发中也非常重要。那么接下来我们就需要去学习下会话跟踪技术，在学习这些技术之前，我们需要思考 : 为什么现在浏览器和服务器不支持数据共享呢?

浏览器和服务器之间使用的是 HTTP 请求来进行数据传输

HTTP 协议是 无状态 的，每次浏览器向服务器请求时，服务器都会将该请求视为新的请求

HTTP 协议设计成无状态的目的是让每次请求之间相互独立，互不影响

请求与请求之间独立后，就无法实现多次请求之间的数据共享

分析完具体的原因后，那么该如何实现会话跟踪技术呢 ? 具体的实现方式有 :

(1) 客户端会话跟踪技术： Cookie

(2) 服务端会话跟踪技术： Session

这两个技术都可以实现会话跟踪，它们之间最大的区别 :

Cookie 是存储在浏览器端而 Session 是存储 在服务器端

具体的学习思路为 :

CooKie 的基本使用、原理、使用细节

Session 的基本使用、原理、使用细节

Cookie 和 Session 的综合案例

小结

在这节中，我们主要介绍了下什么是会话和会话跟踪技术，需要注意的是 :

HTTP 协议是无状态的，靠 HTTP 协议是无法实现会话跟踪

想要实现会话跟踪，就需要用到 Cookie 和 Session

这个 Cookie 和 Session 具体该如何使用，接下来就先从 Cookie 来学起。

Cookie

学习 Cookie ，我们主要解决下面几个问题 :

什么是 Cookie?

Cookie 如何来使用 ?

Cookie 是如何实现的 ?

Cookie 的使用注意事项有哪些 ?

Cookie 的基本使用

1. 概念

Cookie ：客户端会话技术，将数据保存到客户端，以后每次请求都携带 Cookie 数据进行访问。

2.Cookie 的工作流程

服务端提供了两个 Servlet ，分别是 ServletA 和 ServletB

浏览器发送 HTTP 请求 1 给服务端，服务端 ServletA 接收请求并进行业务处理

服务端 ServletA 在处理的过程中可以创建一个 Cookie 对象并将 name=zs 的数据存入 Cookie

服务端 ServletA 在响应数据的时候，会把 Cookie 对象响应给浏览器

浏览器接收到响应数据，会把 Cookie 对象中的数据存储在浏览器内存中，此时浏览器和服务端就

建立了一次会话

在同一次会话 中浏览器再次发送 HTTP 请求 2 给服务端 ServletB ，浏览器会携带 Cookie 对象中的所有数据

ServletB 接收到请求和数据后，就可以获取到存储在 Cookie 对象中的数据，这样同一个会话中的多次请求之间就实现了数据共享

.Cookie 的基本使用

对于 Cookie 的使用，我们更关注的应该是后台代码如何操作 Cookie ，对于 Cookie 的操作主要分两大类，本别是发送 Cookie 和获取 Cookie , 对于上面这两块内容，分别该如何实现呢 ?

1 发送 Cookie

创建 Cookie 对象，并设置数据

Cookie cookie = new Cookie("key","value");

发送 Cookie 到客户端：使用 response 对象

response.addCookie(cookie);

介绍完发送 Cookie 对应的步骤后，接下面通过一个案例来完成 Cookie 的发送，具体实现步骤为 :

需求 : 在 Servlet 中生成 Cookie 对象并存入数据，然后将数据发送给浏览器

1. 创建 Maven 项目 , 项目名称为 cookie-demo ，并在 pom.xml 添加依赖

2. 编写 Servlet 类，名称为 AServlet

3. 在 AServlet 中创建 Cookie 对象，存入数据，发送给前端

4. 启动测试，在浏览器查看 Cookie 对象中的值

(1) 创建 Maven 项目 cookie-demo ，并在 pom.xml 添加依赖

<properties>
2 <maven.compiler.source>8</maven.compiler.source>
3 <maven.compiler.target>8</maven.compiler.target>
4 </properties>
5
6 <dependencies>
7 <!--servlet-->
8 <dependency>
9 <groupId>javax.servlet</groupId>
10 <artifactId>javax.servlet-api</artifactId>
11 <version>3.1.0</version>
12 <scope>provided</scope>
13 </dependency>
14 <!--jsp-->
15 <dependency>
16 <groupId>javax.servlet.jsp</groupId>
17 <artifactId>jsp-api</artifactId>
18 <version>2.2</version>
19 <scope>provided</scope>
20 </dependency>
21 <!--jstl-->
22 <dependency>
23 <groupId>jstl</groupId>
24 <artifactId>jstl</artifactId>
25 <version>1.2</version>
26 </dependency>
27 <dependency>
28 <groupId>taglibs</groupId>
29 <artifactId>standard</artifactId>
30 <version>1.1.2</version>
31 </dependency>
32 </dependencies>
33 <build>
34 <plugins>
35 <plugin>
36 <groupId>org.apache.tomcat.maven</groupId>
37 <artifactId>tomcat7-maven-plugin</artifactId>
38 <version>2.2</version>
39 </plugin>
40 </plugins>
41 </build>

(2) 编写 Servlet 类，名称为 AServlet

@WebServlet("/aServlet")
2 public class AServlet extends HttpServlet {
3 @Override
4 protected void doGet(HttpServletRequest request, HttpServletResponse
response) throws ServletException, IOException {
5
6 }
7
8 @Override
9 protected void doPost(HttpServletRequest request, HttpServletResponse
response) throws ServletException, IOException {
10 this.doGet(request, response);
11 }
12 }

(3) 在 Servlet 中创建 Cookie 对象，存入数据，发送给前端

@WebServlet("/aServlet")
2 public class AServlet extends HttpServlet {
3 @Override
4 protected void doGet(HttpServletRequest request, HttpServletResponse
response) throws ServletException, IOException {
5 //发送Cookie
6 //1. 创建Cookie对象
7 Cookie cookie = new Cookie("username","zs");
8 //2. 发送Cookie，response
9 response.addCookie(cookie);
10 }
11
12 @Override
13 protected void doPost(HttpServletRequest request, HttpServletResponse
response) throws ServletException, IOException {
14 this.doGet(request, response);
15 }
16 }

（4）启动测试，在浏览器查看Cookie 对象中的值访问

http://localhost:8080/cookie - demo/aServlet

chrome 浏览器查看 Cookie 的值，有两种方式 , 分布式 :

方式一 :

方式二:选中打开开发者工具或者使用快捷键F12 或者 Ctrl+Shift+I

获取 Cookie

获取客户端携带的所有 Cookie ，使用 request 对象

Cookie[] cookies = request.getCookies();

遍历数组，获取每一个 Cookie 对象： for

使用 Cookie 对象方法获取数据

cookie.getName();
 cookie.getValue();

介绍完获取 Cookie 对应的步骤后，接下面再通过一个案例来完成 Cookie 的获取，具体实现步骤为 :

需求 : 在 Servlet 中获取前一个案例存入在 Cookie 对象中的数据

1. 编写一个新 Servlet 类，名称为 BServlet

2. 在 BServlet 中使用 request 对象获取 Cookie 数组，遍历数组，从数据中获取指定名称对应的值

3. 启动测试，在控制台打印出获取的值

(1) 编写一个新 Servlet 类，名称为 BServlet

@WebServlet("/bServlet")
2 public class BServlet extends HttpServlet {
3 @Override
4 protected void doGet(HttpServletRequest request, HttpServletResponse
response) throws ServletException, IOException {
5
6 }
7
8 @Override
9 protected void doPost(HttpServletRequest request, HttpServletResponse
response) throws ServletException, IOException {
10 this.doGet(request, response);
11 }
12 }

（2）在 BServlet 中使用 request 对象获取 Cookie 数组，遍历数组，从数据中获取指定名称对应的值

@WebServlet("/bServlet")
2 public class BServlet extends HttpServlet {
3 @Override
4 protected void doGet(HttpServletRequest request, HttpServletResponse
response) throws ServletException, IOException {
5 //获取Cookie
6 //1. 获取Cookie数组
7 Cookie[] cookies = request.getCookies();
8 //2. 遍历数组
9 for (Cookie cookie : cookies) {
10 //3. 获取数据
11 String name = cookie.getName();
12 if("username".equals(name)){
13 String value = cookie.getValue();
14 System.out.println(name+":"+value);
15 break;
16 }
17 }
18
19 }
20
21 @Override
22 protected void doPost(HttpServletRequest request, HttpServletResponse
response) throws ServletException, IOException {
23 this.doGet(request, response);
24 }
25 }

（3）启动测试，在控制台打印出获取的值

访问 http://localhost:8080/cookie - demo/bServlet

在 IDEA 控制台就能看到输出的结果 :

思考 :

测试的时候在访问AServlet 和 BServlet 的中间把关闭浏览器 , 重启浏览器后访问 BServlet 能否获取到

Cookie 中的数据 ?

这个问题，我们会在 Cookie 的使用细节中讲，大家可以动手先试下。

小结

在这节中，我们主要讲解了 Cookie 的基本使用 , 包含两部分内容

发送 Cookie:

创建 Cookie 对象，并设置值 :Cookie cookie = new Cookie("key","value");

发送 Cookie 到客户端使用的是 Reponse 对象 :response.addCookie(cookie);

获取 Cookie:

使用 Request 对象获取 Cookie 数组 :Cookie[] cookies = request.getCookies();

遍历数组

获取数组中每个 Cookie 对象的值 :cookie.getName() 和 cookie.getValue()

介绍完 Cookie 的基本使用之后，那么 Cookie 的底层到底是如何实现一次会话两次请求之间的数据共享呢?

Cookie 的原理分析

对于 Cookie 的实现原理是基于 HTTP 协议的 , 其中设计到 HTTP 协议中的两个请求头信息 :

响应头 :set-cookie

请求头 : cookie

前面的案例中已经能够实现， AServlet 给前端发送 Cookie,BServlet 从 request 中获取Cookie的功能

对于 AServlet 响应数据的时候， Tomcat 服务器都是基于 HTTP 协议来响应数据

当 Tomcat 发现后端要返回的是一个 Cookie 对象之后， Tomcat 就会在响应头中添加一行数据

Set Cookie:username=zs

浏览器获取到响应结果后，从响应头中就可以获取到 Set - Cookie 对应值 username=zs , 并将数据

存储在浏览器的内存中

浏览器再次发送请求给 BServlet 的时候，浏览器会自动在请求头中添加 Cookie: username=zs

发送给服务端 BServlet

Request 对象会把请求头中 cookie 对应的值封装成一个个 Cookie 对象，最终形成一个数组

BServlet 通过 Request 对象获取到 Cookie[] 后，就可以从中获取自己需要的数据

接下来，使用刚才的案例，把上述结论验证下 : (1) 访问 AServlet 对应的地址 http://localhost:8080/cookie - demo/aServlet

使用 Chrom 浏览器打开开发者工具 (F12 或 Crtl+Shift+I) 进行查看 响应头 中的数据

（2）访问 BServlet 对应的地址 ` http://localhost:8080/cookie-demo/bServlet

使用 Chrom 浏览器打开开发者工具 (F12 或 Crtl+Shift+I) 进行查看 请求头 中的数据

Cookie 的使用细节

在这节我们主要讲解两个知识，第一个是 Cookie 的存活时间，第二个是 Cookie 如何存储中文，首先来学习下Cookie 的存活时间。

Cookie 的存活时间

前面让大家思考过一个问题

(1) 浏览器发送请求给 AServlet,AServlet 会响应一个存有 usernanme=zs 的 Cookie 对象给浏览器

(2) 浏览器接收到响应数据将 cookie 存入到浏览器内存中

(3) 当浏览器再次发送请求给 BServlet,BServlet 就可以使用 Request 对象获取到 Cookie 数据

(4) 在发送请求到 BServlet 之前，如果把浏览器关闭再打开进行访问， BServlet 能否获取到

Cookie 数据 ?

注意：浏览器关闭再打开不是指打开一个新的选显卡，而且必须是先关闭再打开，顺序不能变。

针对上面这个问题，通过演示，会发现， BServlet 中无法再获取到 Cookie 数据，这是为什么呢 ?

默认情况下， Cookie 存储在浏览器内存中，当浏览器关闭，内存释放，则 Cookie 被销毁

这个结论就印证了上面的演示效果，但是如果使用这种默认情况下的 Cookie, 有些需求就无法实现，比如:

上面这个网站的登录页面上有一个记住我的功能，这个功能大家都比较熟悉

第一次输入用户名和密码并勾选记住我然后进行登录

下次再登陆的时候，用户名和密码就会被自动填充，不需要再重新输入登录

比如记住我这个功能需要记住用户名和密码一个星期，那么使用默认情况下的 Cookie 就会出现问

题

因为默认情况，浏览器一关， Cookie 就会从浏览器内存中删除，对于记住我功能就无法实现所以我们现在就遇到一个难题是如何将 Cookie 持久化存储 ?

Cookie 其实已经为我们提供好了对应的 API 来完成这件事，这个 API 就是 setMaxAge ,

设置 Cookie 存活时间

setMaxAge(int seconds)

参数值为 :

1. 正数：将 Cookie 写入浏览器所在电脑的硬盘，持久化存储。到时间自动删除

2. 负数：默认值， Cookie 在当前浏览器内存中，当浏览器关闭，则 Cookie 被销毁

3. 零：删除对应 Cookie

接下来，咱们就在 AServlet 中去设置 Cookie 的存活时间。

@WebServlet("/aServlet")
2 public class AServlet extends HttpServlet {
3 @Override
4 protected void doGet(HttpServletRequest request, HttpServletResponse
response) throws ServletException, IOException {
5 //发送Cookie
6 //1. 创建Cookie对象
7 Cookie cookie = new Cookie("username","zs");
8 //设置存活时间 ，1周 7天
9 cookie.setMaxAge(60*60*24*7); //易阅读，需程序计算
10 //cookie.setMaxAge(604800); //不易阅读(可以使用注解弥补)，程序少进行一次计算
11 //2. 发送Cookie，response
12 response.addCookie(cookie);
13 }
14
15 @Override
16 protected void doPost(HttpServletRequest request, HttpServletResponse
response) throws ServletException, IOException {
17 this.doGet(request, response);
18 }
19 }

修改完代码后，启动测试，访问 http://localhost:8080/cookie - demo/aServlet

访问一个 AServlet 后，把浏览器关闭重启后，再去访问 http://localhost:8080/cookie demo/bServet , 能在控制台打印出 username:zs , 说明 Cookie 没有随着浏览器关闭而被销毁

通过浏览器查看 Cookie 的内容，会发现 Cookie 的相关信息

Cookie 存储中文

首先，先来演示一个效果，将之前 username=zs 的值改成 username= 张三，把汉字张三存入到

Cookie 中，看是什么效果 :

@WebServlet("/aServlet")
public class AServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse
response) throws ServletException, IOException {
//发送Cookie
String value = "张三";
Cookie cookie = new Cookie("username",value);
//设置存活时间 ，1周 7天
cookie.setMaxAge(60*60*24*7);
//2. 发送Cookie，response
response.addCookie(cookie);
}
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse
response) throws ServletException, IOException {
this.doGet(request, response);
 }
 }

启动访问测试，访问 http://localhost:8080/cookie - demo/aServlet 会发现浏览器会提示错误信

息

通过上面的案例演示，我们得到一个结论 :

Cookie 不能直接存储中文

Cookie 不能存储中文，但是如果有这方面的需求，这个时候该如何解决呢 ?

这个时候，我们可以使用之前学过的一个知识点叫 URL 编码，所以如果需要存储中文，就需要进行转码，具体的实现思路为:

1. 在 AServlet 中对中文进行 URL 编码，采用 URLEncoder.encode() ，将编码后的值存入Cookie中

2. 在 BServlet 中获取 Cookie 中的值 , 获取的值为 URL 编码后的值

3. 将获取的值在进行 URL 解码 , 采用 URLDecoder.decode() ，就可以获取到对应的中文值

(1) 在 AServlet 中对中文进行 URL 编码

@WebServlet("/aServlet")
2 public class AServlet extends HttpServlet {
3 @Override
4 protected void doGet(HttpServletRequest request, HttpServletResponse
response) throws ServletException, IOException {
5 //发送Cookie
6 String value = "张三";
7 //对中文进行URL编码
8 value = URLEncoder.encode(value, "UTF-8");
9 System.out.println("存储数据："+value);
10 //将编码后的值存入Cookie中
11 Cookie cookie = new Cookie("username",value);
12 //设置存活时间 ，1周 7天
13 cookie.setMaxAge(60*60*24*7);
14 //2. 发送Cookie，response
15 response.addCookie(cookie);
16 }
17
18 @Override
19 protected void doPost(HttpServletRequest request, HttpServletResponse
response) throws ServletException, IOException {
20 this.doGet(request, response);
21 }
22 }

(2) 在 BServlet 中获取值，并对值进行解码

1 @WebServlet("/bServlet")
2 public class BServlet extends HttpServlet {
3 @Override
4 protected void doGet(HttpServletRequest request, HttpServletResponseresponse) throws ServletException, IOException {
5 //获取Cookie
6 //1. 获取Cookie数组
7 Cookie[] cookies = request.getCookies();
8 //2. 遍历数组
9 for (Cookie cookie : cookies) {
10 //3. 获取数据
11 String name = cookie.getName();
12 if("username".equals(name)){
13 String value = cookie.getValue();//获取的是URL编码后的值%E5%BC%A0%E4%B8%89
14 //URL解码
15 value = URLDecoder.decode(value,"UTF-8");
16 System.out.println(name+":"+value);//value解码后为 张三
17 break;
18 }
19 }
20
21 }
22@Override
protected void doPost(HttpServletRequest request, HttpServletResponseresponse) throws ServletException, IOException {
this.doGet(request, response);
}
}

至此，我们就可以将中文存入 Cookie 中进行使用。

小结

Cookie 的使用细节中，我们讲了 Cookie 的存活时间和存储中文 :

存活时间，需要掌握 setMaxAage()API 的使用

存储中文，需要掌握 URL 编码和解码的使用