【PHP开发900个实用技巧】179.Server-Sent Events (SSE)： PHP如何推送数据到浏览器？

精通代码大仙

于 2025-06-15 07:11:48 发布

阅读量704

点赞数 24

CC 4.0 BY-SA版权

分类专栏： PHP开发900个实用技巧文章标签： php android 开发语言程序员创富

本文链接：https://blog.csdn.net/jrckkyy/article/details/148511054

PHP开发900个实用技巧专栏收录该内容

885 篇文章

订阅专栏

在这里插入图片描述

告别轮询！用SSE让数据像瀑布一样流向浏览器，解锁PHP实时通信的终极奥义。这篇指南将彻底解决数据推送难题，涵盖原理、实战、避坑三件套，10分钟带你看懂SSE从入门到生产级部署。

SSE基础扫盲：长连接还是WebSocket？
- 1.1 适用场景对比
- 1.2 HTTP协议本质
PHP核心四步实现法
- 2.1 头信息设置陷阱
- 2.2 数据格式规范
新手必踩三大深坑
- 3.1 Nginx超时灾难
- 3.2 内存泄漏检测
实战：股票行情推送系统
- 4.1 断线重连策略
- 4.2 生产级部署

嗨，你好呀，我是你的老朋友精通代码大仙。接下来我们一起学习PHP开发中的900个实用技巧，震撼你的学习轨迹！获取更多学习资料请加威信：temu333 关注B占UP：技术学习

“页面像卡死的蜗牛，用户疯狂F5刷新？”——这就是没有实时推送的灾难现场！当你的在线交易系统总慢半拍，当监控大屏数据像挤牙膏般更新，别怪用户骂娘。今天不搞懂SSE（Server-Sent Events），你永远都在用轮询这种石器时代的技术折磨服务器！

1. SSE基础扫盲：长连接还是WebSocket？

点题：SSE是基于HTTP的长连接技术，PHP可直接输出数据流到浏览器

痛点分析（错误案例）：
小王做了个客服系统，用Ajax每3秒轮询查新消息：

// 灾难级轮询代码
while(true) {
  $messages = $db->query("SELECT * FROM messages");
  sleep(3); // 每3秒查数据库
}

结果：服务器CPU爆满，用户看到消息延迟8秒+，离职率飙升30%

解决方案（正确做法）：

header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');

while(true) {
  echo "data: ".json_encode($newData)."\n\n";
  ob_flush();
  flush();
  sleep(1); // 1秒推送优于轮询
}

优势：单连接持续推送，延迟降到毫秒级，服务器负载降90%

小结：HTTP协议也能玩实时通信，SSE就是专为服务器到浏览器的单向流水线！

2. PHP核心四步实现法

点题：头信息+数据格式+缓冲控制+循环机制=完美SSE

痛点分析（Nginx吞数据事件）：
菜鸟工程师配置的Nginx：

# 致命配置：超时设10秒
proxy_read_timeout 10s;

现象：每10分钟连接必断，用户大骂“垃圾系统”

解决方案（正确代码）：

// 核心四件套
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
header('X-Accel-Buffering: no'); // 关键！禁用Nginx缓冲

while (true) {
  $data = get_realtime_data();
  // 规范格式！每个消息包含data:前缀和双换行
  echo "event: stockUpdate\ndata: ".$data."\n\n"; 

  // 强制刷新缓冲区
  while (ob_get_level() > 0) ob_end_flush();
  flush();
  
  // 检测客户端断开
  if(connection_aborted()) break;
  sleep(1);
}

小结：忘记设头信息？你的SSE会变成普通文本；忘关缓冲？数据堵在服务器管道里！

3. 新手必踩三大深坑

点题：超时、内存、断线重连是生产环境的三座大山

痛点分析（内存泄漏血案）：
某程序员写的推送脚本：

// 内存杀手
$users = getAllUsers(); // 每次循环加载10万用户数据
while(true) {
  foreach($users as $user) {...}
}

结局：2小时后内存溢出，服务器崩盘！

解决方案（三招避坑）：

超时配置：Nginx添加proxy_read_timeout 3600s;
内存控制：用生成器代替数组

function generateData() {
  while($row = mysqli_fetch_assoc($result)) {
    yield $row; // 单条数据加载
  }
}

断线重连：前端代码加自动重连

const evtSource = new EventSource("push.php");
evtSource.onerror = () => {
  setTimeout(() => {
    evtSource = new EventSource("push.php"); // 5秒后重连
  }, 5000);
};

小结：不防内存泄漏？你的SSE就是服务器炸弹！不设重连？等着半夜被报警电话叫醒！

4. 实战：股票行情推送系统

点题：从零搭建生产级实时数据推送系统

需求场景：每秒推股票价格，支持5万+并发连接

完整代码：

<?php
// sse_stock.php
set_time_limit(0);
ignore_user_abort(true);

header('Content-Type: text/event-stream');
header('Cache-Control: no-cache, no-store');

// 内存优化：每次只取需要的数据
$db = new mysqli(...);
$lastId = 0; 

while (true) {
  // 增量查询避免全表扫描
  $stmt = $db->prepare("SELECT * FROM stocks WHERE id > ?");
  $stmt->bind_param("i", $lastId);
  
  $result = $stmt->get_result();
  while ($row = $result->fetch_assoc()) {
    echo "data:".json_encode($row)."\n\n";
    $lastId = $row['id']; // 更新最后ID
  }
  
  ob_flush();
  flush();
  
  // 无数据时休眠降低CPU
  if($result->num_rows === 0) usleep(500000); 
}

生产级部署方案：

前端自动重连：添加指数退避算法

let reconnectDelay = 1000;
function connectSSE() {
  const es = new EventSource(...);
  es.onopen = () => reconnectDelay = 1000; // 重置延迟
  es.onerror = () => {
    es.close();
    setTimeout(connectSSE, reconnectDelay *= 2); // 重连时间翻倍
  }
}