https://randx.tokyo/cn/tags/technolozhu/ Recent content in TechnoloZhu on RANDX Hugo zh-CN Sun, 24 May 2026 12:00:00 +0900 https://randx.tokyo/cn/posts/sse-server-sent-events/ Sun, 24 May 2026 12:00:00 +0900 https://randx.tokyo/cn/posts/sse-server-sent-events/ <p><strong>SSE</strong> 全称为 <strong>Server-Sent Events</strong>（服务器发送事件）。它是一种 Web 标准技术，允许服务器通过一个持久的 HTTP 连接主动向客户端推送实时更新。</p> <h2 id="主要特点"> 主要特点 <a class="heading-link" href="#%e4%b8%bb%e8%a6%81%e7%89%b9%e7%82%b9"> <i class="fa-solid fa-link" aria-hidden="true" title="链接到标题"></i> <span class="sr-only">链接到标题</span> </a> </h2> <ul> <li><strong>服务器主动推送</strong>：服务器可以随时发送消息，无需客户端主动请求。</li> <li><strong>自动重连</strong>：连接断开后，浏览器会自动重新连接，并可通过 <code>last-event-id</code> 从上次中断处恢复。</li> <li><strong>实现简单</strong>：客户端和服务器端代码都非常简洁。</li> <li><strong>基于 HTTP</strong>：能很好地兼容代理、防火墙和现有网络架构。</li> <li><strong>事件支持</strong>：支持自定义事件名称、数据、ID 和重试指令。</li> <li><strong>轻量高效</strong>：单向数据流时开销比 WebSocket 更低。</li> </ul> <h2 id="使用场景"> 使用场景 <a class="heading-link" href="#%e4%bd%bf%e7%94%a8%e5%9c%ba%e6%99%af"> <i class="fa-solid fa-link" aria-hidden="true" title="链接到标题"></i> <span class="sr-only">链接到标题</span> </a> </h2> <ul> <li>实时通知和警报</li> <li>实时仪表盘和监控系统</li> <li>股票价格、加密货币行情、体育比分</li> <li>长任务进度跟踪（文件上传、导出、AI 处理等）</li> <li>新闻 feed 和社交媒体更新</li> <li>聊天应用（服务器向客户端推送消息部分）</li> </ul> <h2 id="局限性"> 局限性 <a class="heading-link" href="#%e5%b1%80%e9%99%90%e6%80%a7"> <i class="fa-solid fa-link" aria-hidden="true" title="链接到标题"></i> <span class="sr-only">链接到标题</span> </a> </h2> <ol> <li><strong>单向通信</strong>：数据只能从服务器流向客户端。客户端发送数据仍需使用 Fetch、AJAX 或结合 WebSocket。</li> <li><strong>仅支持文本</strong>：不支持二进制数据（如图片、视频），需使用 Base64 编码，会增加传输大小。</li> <li><strong>浏览器连接限制</strong>：大多数浏览器对同一域名限制并发 SSE 连接数（通常为 6 个），过多连接可能导致问题。</li> <li><strong>不适合高频双向交互</strong>：对于实时多人游戏或复杂聊天系统，WebSocket 通常更合适。</li> <li><strong>服务器超时</strong>：部分服务器和代理有默认连接超时设置，可能需要配置 keep-alive。</li> <li><strong>跨域问题</strong>：跨域请求需要服务器正确配置 CORS 头信息。</li> </ol>