在 Web 开发中，Cookie 和 Session 是两个常用的概念。它们都用于跟踪用户会话并存储用户数据，但是它们的实现方式略有不同。在本文中，我们将深入了解 Cookie 和 Session 的工作原理以及它们的应用场景和使用方法。
什么是 Cookie？
Cookie 是一种小型文本文件，通常由 Web 服务器发送到用户的浏览器，并存储在用户的计算机上。当用户访问同一网站时，浏览器会向服务器发送 Cookie，从而允许服务器根据先前存储的信息来识别用户。
Cookie 的工作流程
- 用户通过浏览器请求页面。
- 服务器响应页面请求，并包含一个 Set-Cookie 头部信息，该信息包含要在 Cookie 中存储的数据以及其他元数据（例如过期时间和域名）。
- 浏览器接收到响应并保存 Cookie。
- 当用户再次访问该网站时，浏览器将发送 Cookie 到服务器，服务器可以使用其中的信息来识别用户并提供个性化内容。
使用 Cookie 的示例代码
以下是一个简单的 Node.js 示例，演示了如何创建和读取 Cookie：
----- ---- - ----------------
----- ------ - ----------------------- ---- -- -
-- -------- --- -------------- -
--------------------------- --------------- ---------------
--------------- --- ---- ------
- ---- -- -------- --- -------------- -
----- ------ - -------------------
--------------- ------ ------------
- ---- -
-------------- --------
-
---
------------------- -- -- -
------------------- -- --------- -- ---- -------
---在上面的示例中，我们创建了一个简单的 HTTP 服务器，并向客户端发送一个包含名为“username”的 Cookie 的响应。我们还添加了一个路由来读取 Cookie 值并将其返回给客户端。
什么是 Session？
与 Cookie 不同，Session 是在服务器端存储的用户数据。当用户首次访问服务器时，服务器会为该用户创建一个唯一的 Session ID，并将其存储在 Cookie 中返回给浏览器。随后，每次用户请求页面时，浏览器都会将 Session ID 发送回服务器，在服务器上查找相应的 Session 数据。
Session 的工作流程
- 用户通过浏览器请求页面。
- 服务器检查是否存在名为 Session ID 的 Cookie。如果不存在，则创建一个新的 Session 并将其 ID 存储在 Cookie 中。
- 服务器使用 Session ID 查找相应的 Session 数据。
- 服务器使用 Session 数据响应页面请求。
使用 Session 的示例代码
以下是一个简单的 Express.js 示例，演示了如何使用 Session：
----- ------- - -------------------
----- ------- - ---------------------------
----- --- - ----------
-----------------
------- ----------------
------- ------
------------------ ----
----
------------ ----- ---- -- -
----- ----------- - ------------
-- -------------------- -
----------------- - --
- ---- -
--------------------
-
------------- ---- ------- ---- ---- -------------------- --------
---
---------------- -- -- -
------------------- -- --------- -- ---- -------
---在上面的示例中，我们创建了一个 Express 应用程序，并使用 express-session 中间件来启用 Session 支持。我们还添加了一个路由来读取和更新 Session 数据，以跟踪用户访问页面的次数。
总结
Cookie 和 Session 是两个重要的概念，在 Web 开发中经常使用。Cookie 可以在客户端存储少量数据并跟
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/28886