Cookie技术

灰太狼 2023-07-03 06:04 15阅读 0赞

### **前言：** ###

**对于Cookie这个词一直都不陌生，它出现的频率很高，但是我对于这个词的认知仅仅停留在“见过”，今天就来认识一下什么是Cookie？**

**我去百度查了一下Cookie的英文翻译，竟然是“曲奇饼干”，刚开始我也纳闷为什么是曲奇，无意中看到了一个视频内容：**

**Cookie 是王景公司的一个雇员开发的一个跟踪技术，在大公司一般在10点左右都会有零食，饼干或者咖啡之类的，其中这名员工就特别爱吃曲奇饼，时间久了他身上也有一种曲奇饼的味道，他路过同事的时候，大家都能从他的身上追踪到曲奇饼。**

## 什么是Cookie？ ##

**cookie 是一些数据，存储于我们的电脑上的文本文件中**

因为HTTP协议是无状态协议，对于HTTP协议而言，每次请求都没有记忆，当web服务器向浏览器发送web页面，再连接关闭后，服务端不会记录用户的信息，举个我们生活的例子： “当我们今天逛完淘宝之后，把我们的东西放到了购物车，等第二天再次打开之后发现已经找不到了”

所以这个时候引入了Cookie，**Cookie的作用就是用于解决“如何记录客户端的用户信息”** ，cookie是由服务器生成，保存到客户端的一种信息载体，这个载体存放着用户访问该站点的会话状态信息，

*                  当用户访问web页面时，名字可以被记录在cookie中
 *                  在用户下一次访问该页面的时候，可以在cookie中读取用户访问的记录

##    Cookie的组件： ##

*                 HTTP响应消息的cookie头部行
 *                 HTTP请求消息的cookie头部行
 *                 保存在客户端主机上的cookie文件，由浏览器管理
 *                  web服务器端的后台数据库

## Cookie运行原理： ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz_size_16_color_FFFFFF_t_70][]

我对上面的这幅图进行一下讲解：

首先第一次用户在客户端发出了一个常规的HTTP请求，服务端识别发现是一个新用户，那么就会为他创建ID 1678

服务器回应客户端的请求，服务器生成cookie，并将其封装到响应头中，以响应的形式发送给客户端，常规http请求+Set-cookie:1678

这个时候客户端的Cookie file文件中会加一条记录： 1678 ,再次向服务器发送请求，但是这次的请求和之前的普通请求不同之处在于后面跟上了cookie：1678

下面我们通过一个访问网站的实例来解析一下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz_size_16_color_FFFFFF_t_70 1][]

第一步：  客户端请求服务器，客户端请求IT笔录网站首页，请求头如下：

GET/HTTP/1.0

HOST:itbilu.com

第二步：服务器响应请求

Cookie是一种key=value形式的字符串，服务器需要记录这个客户端请求的状态，因此在响应头中包含一个set-cookie字段

HTTP/1.0 200 OK

Set-Cookie:UserID=itbilu; Max-age=3600;Version=1

第三步：再次请求时，客户端请求中会包含一个Cookie请求头

GET/HTTP/1.0

HOST:itbilu.com

Cookie:UserID=itbilu

## Cookie的分类： ##

*  临时Cookie（会话Cookie）
 *  永久Cookie

**不设置过期时间**，则表示这个cookie生命周期为浏览器会话期间，只要关闭浏览器窗口，cookie就消失了。这种生命期为浏览会话期的cookie被称为会话cookie。会话cookie一般不保存在硬盘上而是保存在内存里。

**设置了过期时间**，浏览器就会把cookie保存到硬盘上，关闭后再次打开浏览器，这些cookie依然有效直到超过设定的过期时间。

存储在硬盘上的cookie可以在不同的浏览器进程间共享，比如两个IE窗口。而对于保存在内存的cookie，不同的浏览器有不同的处理方式。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200202213818750.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200203101839148.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz,size_16,color_FFFFFF,t_70