如何在索引文件变更时轻量级刷新网页(避免 Apache 过载)

如何在索引文件变更时轻量级刷新网页(避免 Apache 过载)

通过客户端定时轮询 `filemtime()` 获取静态文件修改时间,替代长连接 sse,可将每个用户请求降至毫秒级短连接,彻底规避 apache 进程堆积问题。

在高并发静态页面场景下(如监控看板、实时公告页),依赖 Server-Sent Events(SSE)实现“文件变更自动刷新”虽逻辑直观,但极易引发服务器资源雪崩——正如您遇到的:每个打开的标签页维持一个长期存活的 PHP 进程,持续调用 shell_exec(“date -r …”) 并 sleep() 等待,导致 Apache 工作进程迅速占满、响应停滞甚至冻结。

根本症结在于服务端主动轮询 + 长连接的设计违背了静态服务的轻量本质。解决方案是转向客户端驱动的短连接轮询(Polling):由浏览器按需发起快速、无状态的 HTTP 请求,服务端仅瞬时响应后立即退出,不占用任何持久化进程。

✅ 推荐实现:极简时间戳轮询

1. 服务端:get_index_change_time.php(单次执行,零延迟)

琅琅配音

琅琅配音

全能AI配音神器

下载

⚠️ 注意:确保 index.html 与该 PHP 文件位于同一目录,或使用绝对路径(如 __DIR__ . ‘/index.html’)。filemtime() 是 PHP 内置函数,无需 shell 权限,无进程开销,Apache 每次请求仅消耗

2. 客户端:JavaScript 轮询逻辑(防抖+错误恢复)

let lastKnownMtime = null;

function checkIndexChange() {
  fetch('/get_index_change_time.php', {
    method: 'GET',
    cache: 'no-cache'
  })
    .then(response => {
      if (!response.ok) throw new Error(`HTTP ${response.status}`);
      return response.text();
    })
    .then(mtimeStr => {
      const currentMtime = parseInt(mtimeStr, 10);
      if (isNaN(currentMtime)) throw new Error('Invalid timestamp');

      if (lastKnownMtime !== null && currentMtime !== lastKnownMtime) {
        console.log('[AutoRefresh] index.html changed → reloading...');
        location.reload();
      } else {
        lastKnownMtime = currentMtime;
        // 使用 setTimeout 替代 setInterval,避免请求堆积
        setTimeout(checkIndexChange, 3000); // 每 3 秒检查一次
      }
    })
    .catch(err => {
      console.warn('[AutoRefresh] Check failed:', err.message);
      // 失败时延长重试间隔(避免雪崩)
      setTimeout(checkIndexChange, 10000);
    });
}

// 页面加载完成后立即启动
if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', checkIndexChange);
} else {
  checkIndexChange();
}

? 关键优化点说明

  • 零进程占用:每个请求对应一个 Apache 子进程,但执行完立即释放(
  • 精准感知变更:filemtime() 返回文件最后修改的 Unix 时间戳(秒级),比解析 date -r 输出更可靠,且不受时区/格式影响。
  • 防误刷机制:使用 setTimeout 递归而非 setInterval,确保前一次请求完成后再启动下一次,杜绝因网络延迟导致的请求并发堆积。
  • 容错增强:网络失败时自动降频至 10 秒重试,避免服务短暂不可用时前端疯狂重连。
  • 缓存规避:显式设置 Cache-Control: no-cache 和 fetch 的 cache: ‘no-cache’,强制绕过浏览器及代理缓存。

? 补充建议

  • 若需更高精度(毫秒级),可改用 filectime()(inode 更改时间)或在构建/部署流程中写入版本号到 JSON 文件(如 version.json),再轮询该文件。
  • 对于超大规模场景(>1000 用户),可引入 Redis 缓存 filemtime() 结果并设置 1 秒 TTL,进一步降低磁盘 I/O。
  • 禁用 Apache 的 mod_php(若使用)并切换为 php-fpm + ProxyPass,可显著提升 PHP 请求吞吐量。

此方案以最小侵入性解决核心矛盾:用客户端计算换服务端资源,让 Apache 回归其最擅长的静态文件服务本质——稳定、高效、可预测。

https://www.php.cn/faq/1971821.html

发表回复

Your email address will not be published. Required fields are marked *