HTTP、WebSocket、SSE 对比

特性 HTTP WebSocket SSE (Server-Sent Events)
通信模式 请求-响应(单向) 全双工双向通信 服务器到客户端的单向通信
连接方式 短连接(默认) 长连接 长连接
协议基础 TCP(HTTP/1.1, HTTP/2) 基于HTTP升级 基于HTTP
数据格式 任意格式 二进制或文本 文本(text/event-stream
实时性 低(依赖轮询) 高(毫秒级延迟) 中(服务器主动推送)
浏览器支持 所有浏览器 现代浏览器 现代浏览器(IE除外)

优缺点对比

协议 优点 缺点
HTTP ✅ 简单易用 ✅ 无状态易扩展 ✅ 缓存支持 ❌ 实时性差 ❌ 频繁请求开销大
WebSocket ✅ 全双工实时通信 ✅ 低延迟 ✅ 高效(减少头开销) ❌ 实现复杂 ❌ 无自动重连机制
SSE ✅ 自动重连 ✅ 简单易用(HTTP基础) ✅ 轻量级推送 ❌ 单向通信(服务器→客户端) ❌ 文本格式限制

应用场景

  • HTTP:常规API请求、静态资源加载、表单提交
  • WebSocket:在线聊天、实时游戏、协同编辑
  • SSE:实时通知、股票行情推送、新闻更新

简易Java案例

1. HTTP Server (Java Servlet)
java 复制代码
@WebServlet("/http")
public class HttpServletDemo extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) 
            throws IOException {
        resp.setContentType("text/plain");
        resp.getWriter().write("HTTP Response: " + new Date());
    }
}
bash 复制代码
# 测试命令
curl http://localhost:8080/http
2. WebSocket Server (Jakarta EE)
java 复制代码
@ServerEndpoint("/ws")
public class WebSocketServer {
    @OnOpen
    public void onOpen(Session session) {
        System.out.println("WebSocket connected");
    }

    @OnMessage
    public void onMessage(String message, Session session) {
        try {
            session.getBasicRemote().sendText("Echo: " + message);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}
html 复制代码
<!-- 客户端测试 -->
<script>
  const ws = new WebSocket("ws://localhost:8080/ws");
  ws.onmessage = (e) => console.log("Received:", e.data);
  ws.send("Hello WebSocket!");
</script>
3. SSE Server (Java Servlet)
java 复制代码
@WebServlet("/sse")
public class SseServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) 
            throws IOException {
        resp.setContentType("text/event-stream");
        resp.setCharacterEncoding("UTF-8");
        
        PrintWriter writer = resp.getWriter();
        for (int i = 0; i < 5; i++) {
            writer.write("data: SSE Message " + i + "\n\n");
            writer.flush();
            Thread.sleep(1000);
        }
    }
}
javascript 复制代码
// 客户端测试
const es = new EventSource("/sse");
es.onmessage = e => console.log(e.data);

关键区别总结

  1. 通信方向

    • HTTP:客户端发起请求
    • WebSocket:双向实时通信
    • SSE:服务器单向推送
  2. 连接生命周期

    • HTTP:请求后立即关闭(Keep-Alive可复用)
    • WebSocket/SSE:持久化长连接
  3. 协议开销

    • WebSocket建立后头部开销最小(2-10字节)
    • HTTP每次请求携带完整头部
    • SSE基于HTTP,但连接复用减少开销
  4. 重连机制

    • SSE内置自动重连
    • WebSocket需手动实现
    • HTTP每次请求都是新连接
  5. 数据格式

    • WebSocket支持二进制(适合传输文件)
    • SSE仅文本(需Base64编码传输二进制)

技术选型建议

  • 需要双向实时交互 (如聊天室)→ WebSocket
  • 只需服务器推送 (如通知系统)→ SSE(更简单)
  • 传统请求/响应场景 → HTTP
  • 需要兼容旧浏览器 → HTTP长轮询 + SSE降级方案
相关推荐
今晚务必早点睡6 小时前
系统通信方式实战详解:HTTP、RPC、MQ、WebSocket 各用在什么场景?(附 SDK 示例)
websocket·http·rpc
松涛和鸣6 小时前
49、智能电源箱项目技术栈解析
服务器·c语言·开发语言·http·html·php
ps酷教程10 小时前
HttpPostRequestDecoder源码浅析
java·http·netty
*才华有限公司*11 小时前
RTSP视频流播放系统
java·git·websocket·网络协议·信息与通信
寻星探路12 小时前
【Python 全栈测开之路】Python 基础语法精讲(一):常量、变量与运算符
java·开发语言·c++·python·http·ai·c#
栗子叶12 小时前
网页接收服务端消息的几种方式
前端·websocket·http·通信
栗子叶16 小时前
SSE、长轮询与 WebSocket 连接资源对比及 Spring Boot 配置指南
spring boot·websocket·网络协议
softshow102616 小时前
Vue3 :封装 WebRTC 低延迟视频流与 WebSocket 实时状态驱动的大屏可视化
websocket·网络协议·webrtc
野生技术架构师1 天前
原来可以搭建一个HTTP服务
网络·网络协议·http
TOPGUS2 天前
谷歌Chrome浏览器即将对HTTP网站设卡:突出展示“始终使用安全连接”功能
前端·网络·chrome·http·搜索引擎·seo·数字营销