简述 Cookie、Token、JWT、Session之间的关系

蔚落 2022-11-22 10:26 240阅读 0赞

# 背景 #

早期互联网只是用来访问查看，不需要关心谁在访问查看。`HTTP`是一种无状态的协议，每个请求都是完全独立的，服务端无法确认当前访问者的身份信息，为了标示用户，就出现了`Cookie`，而`Cookie`、`Token`、`JWT` 都是用来标示用户的。

# Cookie #

如：iChochy用户发起访问，服务端为了进行会话跟踪，会为当前用户的访问会话（`Session`）生成一个会话ID(`Session ID`)，并通过`Set Cookie`方式，将`Session ID`发送给用户的客户端浏览器。客户端自动识别服务端发来的`Cookie`信息，就会存储在客户端。再次请求时，都带上这个`Cookie`信息来标示当前用户，服务端自动识别到`Cookie`信息，就可以判断具体是哪个用户了。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RoaW5raW5nY2Fv_size_16_color_FFFFFF_t_70_pic_left]

# Token #

`Token`是一个令牌，用户登录成功后服务端会生成一个令牌，用来关联会话（`Session`）信息，如同`Cookie`，只是需要手动传递。

# JWT #

`JWT`是`JSON Web Token`的简称，可以理解为是`Token`的升级版本，用户登录成功后服务端会生成的一个很长的字符串，中间用点（.）分隔成三个部分，内容包含`Header.Payload.Signature`。`JWT`的不同点就是可以携带具体的用户信息，不再只是标示`ID`。

# Session #

Session就是服务端生成的用户会话信息，一般就是用户信息，存储在服务端。

## 对比Cookie、Token、JWT ##

<table> 
 <thead> 
  <tr> 
   <th>不同点</th> 
   <th>Cookie</th> 
   <th>Token</th> 
   <th><strong>JWT</strong></th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>标准</td> 
   <td>系统默认</td> 
   <td>自定义</td> 
   <td>自定义</td> 
  </tr> 
  <tr> 
   <td>用户标示</td> 
   <td>包含</td> 
   <td>包含</td> 
   <td>包含</td> 
  </tr> 
  <tr> 
   <td>跨域</td> 
   <td>不支持</td> 
   <td>支持</td> 
   <td>支持</td> 
  </tr> 
  <tr> 
   <td>具信信息</td> 
   <td>不包含</td> 
   <td>不包含</td> 
   <td>包含</td> 
  </tr> 
 </tbody> 
</table>

## 关系 ##

关系如下图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RoaW5raW5nY2Fv_size_16_color_FFFFFF_t_70_pic_left 1]

# 总结 #

`Cookie`、`Token`、`JWT`都是请求无状态的一种补充，用来标示用户，只是侧重点不同。`Cookie`是最原始的系统默认标准，前后端都会自动处理`Cookie`信息，不需要过多的干预。而`Token`、`JWT`都是标准的升级和自定义，`Token`出现解决了`Cookie`不能跨域的问题，而`JWT`可以携带具体的用户信息，将用户信息存储在客户端，解决了分布式用户信息存储。

`Session`是用户会话的具体信息，一般就是用户信息，如`ID`、`Role`、`Auth`等。

源文：[https://ichochy.com/posts/20200825/][https_ichochy.com_posts_20200825]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RoaW5raW5nY2Fv_size_16_color_FFFFFF_t_70_pic_left]: /images/20221120/a464e7191ec846a9807d2b1bc38bb515.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RoaW5raW5nY2Fv_size_16_color_FFFFFF_t_70_pic_left 1]: /images/20221120/e8102ba81d09404c945c4fe16ec49f5d.png
[https_ichochy.com_posts_20200825]: https://ichochy.com/posts/20200825/