【计算机网络】深入解析 HTTP 请求中的 header 类型:Cookie 的概念、特点和应用场景:登录和用户认证

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述


网络原理— HTTP 请求“报头”(header)


Cookie 是什么


HTTP报头中的Cookie,用大白话来说,就像你去餐厅吃饭时拿到的一张会员卡


初次访问 (清除该网站的所有 Cookie 后重新访问该网站,效果相同)

  • 当你第一次访问一个网站(比如某购物网站),服务器想记住你(比如你的登录状态、购物车)。
  • 但服务器没法直接在你电脑上存东西,于是它说:“浏览器,帮我记个小纸条 吧!”这个“小纸条”就是Cookie。

服务员发卡(Set-Cookie)

  • 服务器通过HTTP响应的Set-Cookie头,把信息塞给浏览器。比如:
    Set-Cookie: user_id=12345; Expires=周五; Secure
  • 这相当于餐厅给你一张会员卡,卡上写:“用户ID是12345,有效期到周五,且只能在本店安全通道使用”。

自动出示会员卡(Cookie请求头)

  • 之后每次你再访问这个网站,浏览器会自动在HTTP请求头里带上这个 Cookie,像进餐厅时主动亮出会员卡。
  • 服务器一看:“哦,是用户12345,直接显示他的购物车!”

Cookie能存啥

  • 小数据
    • 比如用户名、语言设置、浏览记录。
  • 关键ID
    • 比如登录后的会话ID(像会员卡号,服务器靠它查你的详细信息)。

Cookie的安全细节

  • 过期时间
    • 可以是“关浏览器就失效”(会话Cookie),或设定具体日期(比如记住登录30天)。
  • Secure
    • 只通过HTTPS加密连接传输(防窃听)。
  • HttpOnly
    • 禁止JavaScript读取(防XSS攻击偷Cookie)。
  • 作用范围
    • 指定域名(比如只给.example.com)和路径(比如/shop目录下才发送)。

举个实际例子

  • 你登录微博,服务器返回Set-Cookie: session_id=abc123; HttpOnly; Secure
  • 之后你刷主页、发微博,浏览器每次请求都悄悄带上 Cookie: session_id=abc123
  • 服务器通过abc123查到你是张三,直接展示你的关注和私信。

注意事项

  • Cookie存在你电脑里,别让坏人偷走(比如通过恶意链接盗取会话Cookie,就能冒充你)。
  • 网站要合理设置SecureHttpOnly,用户也要警惕不明网站。

总结

  • Cookie 就是网站让你的浏览器帮忙记的小纸条,下次访问该网站时自动带上,让服务器认出你。
  • 它像会员卡、临时身份证,是维持登录状态、记录偏好的关键工具,但也要注意安全保管!

Cookie 的特点


Cookie 轻量化与兼容性

在这里插入图片描述

  • 文本格式
    • Cookie以键值对形式存储纯文本,确保跨平台兼容性。
  • 容量限制
    • 单个Cookie大小通常不超过4KB,单个域名下Cookie数量受限(如50条),避免过度占用资源。

在这里插入图片描述


Cookie 作用域控制

通过DomainPath属性限制Cookie的生效范围:


  • Domain
    • 指定 Cookie 可发送的域名;
    • 每个不同的域名下都可以有不同的 Cookie,不同网站之间的 Cookie 并不冲突;

  • Path
    • 限定仅特定路径下的请求携带Cookie(如/user路径);

在这里插入图片描述


Cookie 客户端存储与自动传输

  • Cookie的核心设计是通过客户端(浏览器)存储少量数据(如用户标识符);

Cookie 中存储了一个字符串

  • 这个数据可能是客户端(网页)自行通过 JS 写入的;

  • 也可能来自于服务器(服务器在HTTP响应的header中,通过Set-Cookie字段给浏览器返回数据);


我们先打开一个浏览器搜索页面,并且清空 Cookie :

在这里插入图片描述


清空 fiddler 中的左侧 HTTP 请求/响应结果,再刷新页面,查看 fiddler 新抓包的请求和响应结果:

在这里插入图片描述


我们可以看到,在响应结果中显示的 Set-Cookiekey=value,和浏览器中的 Cookie 相对应,说明服务器通过Set-Cookie响应头设置Cookie:

在这里插入图片描述


浏览器在后续请求中自动回传,形成“请求-响应-携带”的闭环:

在这里插入图片描述

在后续请求中,Cookie 会自动附加到HTTP头部Cookie头)。


cookie 的灵活性 (生命周期管理)

  • 会话Cookie:默认在浏览器关闭后失效。
  • 持久Cookie:可以灵活通过ExpiresMax-Age设置过期时间,实现长期状态保留(如“记住登录”)。

在这里插入图片描述


清除 Cookie 的方法

在这里插入图片描述

或者

在这里插入图片描述


Cookie 的应用场景:登录和用户认证 (以码云为例)


(1)在码云页面上,清除 Cookie


为了方便观察,先清除掉之前登陆的 Cookie ;

在码云页面上,点击 URL 左侧的图标,选择 Cookie

在这里插入图片描述


在这里插入图片描述

清除 Cookie 后,再次刷新页面,Cookie 会重新从服务器加载回来:

在这里插入图片描述


(2) 登陆操作


登陆请求

在这里插入图片描述


登陆响应

在这里插入图片描述

可以看到,响应中包含了3个 Set-Cookie 属性.

其中我们重点关注第三个,里面包含了一个 gitee-session-n 这样的属性,属性值是一串很长的加密之后的信息;

这个信息就是用户当前登陆的身份标识,也称为"令牌(token)"


(3) 访问其他页面


登陆成功之后,此时可以看到后续访问码云的其他页面 (比如个人主页),请求中就都会带着刚才获取到的Cookie 信息

在这里插入图片描述

  • 请求你中的 Cookie 字段也包含了一个 gitee-session-n 属性,里面的值和刚才服务器返回的值相同;

  • 后续只要访问 gitee 这个网站,就会一直带着这个令牌,直到令牌过期/下次重新登陆


(4) 理解登陆过程


在这里插入图片描述


在这里插入图片描述

这个过程和去医院看病很相似:

  1. 到了医院先挂号:挂号时候需要提供身份证,同时得到了一张"就诊卡",这个就诊卡(sessionId)就相当于患者的"令牌"

  2. 后续去各个科室进行检查,诊断,开药等操作,都不必再出示身份证了,只要凭就诊卡即可识别出当前患者的身份.

  3. 看完病了之后,不想要就诊卡了,就可以注销这个卡;

  4. 此时患者的身份就诊卡的关联就销毁了;(类似于网站的注销操作)

  5. 又来看病,可以办一张新的就诊卡,此时就得到了一个新的"令牌"


在这里插入图片描述

在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值