HTTP基础之Cookie

最新推荐文章于 2024-09-28 22:09:02 发布

ideadsnow

最新推荐文章于 2024-09-28 22:09:02 发布

阅读量375

点赞数

分类专栏：烂笔头文章标签： cookie http

本文链接：https://blog.csdn.net/ShenMaHuan/article/details/78592954

版权

烂笔头专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一般来说，了解一样东西的流程是这样的

是什么
长啥样
有啥用
怎么用
优点
缺点

按照这个逻辑，概览如下

是什么 -> Cookie（复数形态 Cookies ），中文名称为“小型文本文件”或“小甜饼”
长啥样 -> 打开你的浏览器，访问谷爹，在 console 中执行 document.cookie :) 就是它！
有啥用 -> 网站用它在客户端（浏览器）存储少量信息
怎么用 -> 通过 HTTP 请求头附带 or 前端 js 操作
优点 -> 简单、全浏览器支持
缺点 -> 能存的数据非常少；明文传输不安全；每次 HTTP 请求都会发送，增大了流量；且这玩意是纯文本字符串，js 操作非常不便

详解

引自维基百科

Cookie（复数形态 Cookies ），中文名称为“小型文本文件”或“小甜饼”，指某些网站为了辨别用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。定义于RFC2109。是网景公司的前雇员卢·蒙特利在1993年3月的发明。

试想以下情形
1. 登陆某网站时，每次都需要输入用户名、密码，严重影响用户体验，怎么实现类似“下次自动登陆”的功能？
2. 某电商网站买东西，在购物车中加入了一样商品，再去其它商品页面时发现购物车内还能够显示前一件商品，怎么做到的？

由于 HTTP 协议是无状态的，服务器并不知道用户上一次做了什么，所以上述两个需求的实现只能通过额外手段，即存储信息的方式来实现，于是我们的 Cookie 就闪耀登场了

使用 Cookie 解决以上问题
1. 用户第一次登陆时，服务器返回一个登陆凭证（一般需加密且设置过期时间）给客户端，客户端保存该 Cookie 凭证，以后访问这个网站时，直接把该凭证发给服务器，若凭证有效，即通过验证进入网站
2. 将商品加入购物车时，服务器在向用户发送网页时候也会发送一段保存用户已选购商品的 Cookie 给客户端，当用户浏览其他商品页面的时候，客户端把 Cookie 又发给服务器，这样服务器就知道用户上次选购了什么商品，实现了购物车功能

按照 Cookie 的存储位置

内存 Cookie -> 由浏览器维护，关闭浏览器即消失
硬盘 Cookie -> 存储在硬盘文件中，只有过期或用户手动清理时才会被删除

所以按照存储时间分为

非持久 Cookie
持久 Cookie

首先，Cookie 作为存储数据的一种方案，最重要的当然是 name 和 value，而在一些比较复杂的场景中，只有这两个属性就远远不够了

expires/max-age

指定 Cookie 的生存期，默认情况下 Cookie 是暂时存在的，关闭浏览器即失效，即值为 session。如果想让 Cookie 长期存在，则需要指定 expire 属性的值，即未来的一个用毫秒数表示的过期日期或时间点
而 expire 属性现在已被 max-age 属性代替，max-age 用秒来设置 Cookie 的生存期

如果 max-age 为正数，则表示该 Cookie 会在 max-age 秒后失效。浏览器会将 max-age 为正数的 Cookie 持久化，写到对应的 Cookie 文件中。无论用户是否关闭浏览器，只要还未过期，则一直存在

如果 max-age 为负数，则表示该 Cookie 仅在本浏览器窗口和本窗口打开得子窗口有效，关闭窗口即失效, Cookie 默认的 max-age 值为 -1

如果 max-age 为 0，则表示删除 Cookie，由于 Cookie 机制没有提供删除 Cookie 的方法，因此通过设置该值实现即时失效删除 Cookie 的效果，浏览器会将 max-age 为 0 的 Cookie 删除

domain

domain 属性可以让多个 web 服务器共享 Cookie，默认是创建 Cookie 的网页所在服务器的主机名，不能将 Cookie 的 domain 设置成服务器所在的域之外的域

path

指定和 Cookie 关联的网页，默认值为 / ，即与创建该 Cookie 的网页同目录和该目录子目录下的网页关联

secure

一个 Bool 值，指定是否以安全模式传输。默认是不安全的。当为 True 时，该 Cookie 只有以 HTTPS 连接时才会传输

HttpOnly

如果设置了 HttpOnly 属性，那么通过程序（js 或 Applet等）将无法读取 Cookie 信息

SameSite