在前端开发中，常常需要实现账户登录和会话共享的功能。而在使用 Socket.io 进行实时通信的过程中，需要保证会话共享的安全和有效性。为此，我们可以利用 Cookies 来实现 Socket.io 的会话共享。
Cookies 是什么？
Cookies 是实现客户端和服务器端会话共享的一种方式。当客户端第一次向服务器发送请求时，服务器会给客户端设置一个名为 Cookies 的票据。客户端在随后的请求中将这个票据发送给服务器，服务器就可以根据 Cookies 值识别当前客户端的会话信息。
Socket.io 如何使用 Cookies 实现会话共享？
Socket.io 的会话持久化通过使用 Cookies 实现，需要在服务器端和客户端同时设置一些参数。以下是具体实现的步骤：
服务器端
在服务器端，可以使用 cookie-parser 模块来解析 Cookies，然后在 io.on('connection', ...) 事件中设置 Cookies 和获取 Cookies，如下所示：
-- -------------------- ---- ------- ----- ------------ - ------------------------- ----- -- - ----------------------------- ------------------- -------- -- - ----- ------- - ---------------------------------------------------- ----- --------- - ---------------------- -- -- ------- ------------------------------- - -------------------------- -- -- ------- ----------------------- --------------- ---展开代码
其中，socket.handshake.headers.cookie 表示当前客户端的 Cookies 值，可以使用 cookie-parser 模块来解析。解析后，可以从中获取到 sessionId 的值。为保证每次请求都携带 sessionId，需要将 sessionId 重新设置进 socket.handshake.headers.cookie。
客户端
在客户端，则需要在 io.connect() 方法中添加一些参数，如下所示：
const io = require('socket.io-client'); const socket = io.connect('http://localhost:3000', { extraHeaders: { 'Cookie': `session-id=${sessionId}` } });
其中，extraHeaders 参数用来设置额外的请求头，此处添加了 Cookie 请求头，其中包括了 sessionId 值。
这样，就可以通过 Cookies 实现客户端与服务器端之间的会话共享了。在会话期间，所有打开的 Socket 连接都能获取到同样的 sessionId，进而保证了数据的正确性和安全性。
示例代码
服务器端
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ----- ---- - ---------------- ----- ------ - ----------------------- ----- -- - ----------------------------- ----- ------------ - ------------------------- ----- ---- - ----- ------------------------ ------------------- -------- -- - ----- ------- - ---------------------------------------------------- ----- --------- - ---------------------- ------------------------------- - -------------------------- ----------------------- --------------- -------------------- ------ -- - ------------------ ------------------- ------ --- --- ------------------- -- -- - ------------------- -- --------- -- ---- ---------- ---展开代码
客户端
-- -------------------- ---- ------- ----- -- - ---------------------------- ----- --------- - --------- ----- ------ - ----------------------------------- - ------------- - --------- ------------------------- - --- -------------------- -- -- - ---------------------- -- --------- ---------------------- ------- ---------- --- ----------------- ------ -- - ------------------- ----- ---------- ---展开代码
在运行以上代码之前，需要先安装 socket.io 和 socket.io-client 依赖包，方法如下：
npm install socket.io socket.io-client
测试过程
在运行以上代码之后，可以在浏览器中打开两个页面，分别代表两个客户端。在浏览器的控制台中可以看到 sessionId 值，这意味着两个客户端之间共享了同样的 session-id。
在其中一个客户端的控制台中输入 socket.emit('message', 'Hello, server!');，服务器会将消息输出到控制台，并将消息发送给另一个客户端。另一个客户端的控制台会输出 Server says: Hello, server!。
通过以上测试，我们可以发现，利用 Cookies 实现了两个客户端之间的会话共享。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67c864ede46428fe9eee102b
