什么是长连接
在 Web 开发中，客户端（浏览器）和服务器之间的通信是通过 HTTP 协议进行的。HTTP 协议是一种无状态协议，即每一次请求和响应之间是相互独立的，没有任何关联性。这种机制使得每一次请求都要建立一次连接，请求结束后就断开连接，这样频繁的建立和断开连接会消耗服务器的资源，降低服务器的性能。
长连接是一种在客户端和服务器之间保持连接状态的技术，即客户端和服务器之间的连接在一定时间内保持打开状态，可以进行多次请求和响应。这种机制可以减少服务器的负担，提高性能。
如何实现长连接
在 RESTful API 中实现长连接的方法有多种，这里介绍两种比较常见的方法。
1. WebSocket
WebSocket 是一种在客户端和服务器之间建立双向通信的协议，它可以在一个 TCP 连接上进行全双工通信。WebSocket 协议是 HTML5 的一部分，可以在浏览器和 Web 服务器之间建立实时通信，实现长连接。
使用 WebSocket 的步骤如下：
- 在客户端通过 JavaScript 创建 WebSocket 对象，指定服务器的 URL。
- 客户端和服务器之间建立连接，可以互相发送消息。
- 客户端和服务器之间的连接在一定时间内保持打开状态，可以进行多次请求和响应。
客户端示例代码：
-- -------------------- ---- ------- --- -- - --- ---------------------------------------- --------- - ---------- - --------------------- -- ------------ - ------------- - ------------------- - ---------- -- ---------- - ---------- - --------------------- -- --------------- ----------展开代码
服务器端示例代码（使用 Node.js 和 ws 模块）：
-- -------------------- ---- ------- ----- --------- - -------------- ----- --- - --- ------------------ ----- ---- --- -------------------- -------- -------------- - ---------------------- ---------------- -------- ----------------- - -------------------- --------- --------------- - --------- --- -------------- ---------- - ------------------------ --- ---展开代码
2. Server-Sent Events
Server-Sent Events（简称 SSE）是一种在客户端和服务器之间建立单向通信的协议，它可以在一个 HTTP 连接上进行单向通信。SSE 协议是 HTML5 的一部分，可以在浏览器和 Web 服务器之间建立实时通信，实现长连接。
使用 SSE 的步骤如下：
- 在客户端通过 JavaScript 创建 EventSource 对象，指定服务器的 URL。
- 服务器向客户端发送数据，客户端通过 onmessage 事件接收数据。
客户端示例代码：
-- -------------------- ---- ------- --- ------ - --- -------------------------------------------- ------------- - ---------- - --------------------- -- ---------------- - ------------- - ------------------- - ---------- -- -------------- - ---------- - ---------------------- --展开代码
服务器端示例代码（使用 Node.js 和 express 模块）：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------------ ------------- ---- - --------- --------------- -------------------- ---------------- ----------- ------------- ------------ --- ---------------------- - ---------------- - - --- --------------------------- - -------- -- ------ --- ---------------- ---------- - ---------------------- ---展开代码
指导意义
实现长连接可以提高服务器的性能，减少资源的消耗，提高用户的体验。在实际开发中，可以根据具体的需求选择合适的长连接技术，如 WebSocket 和 SSE。同时，要注意长连接的安全性和稳定性，避免出现漏洞和故障，保障服务的正常运行。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67caaaa1e46428fe9e311cce
