官网：https://web-check.xyz/
github: https://github.com/lissy93/web-check

目前仪表盘将显示：IP 信息、SSL 证书链、DNS 记录、Cookie、标头、域名信息、搜索抓取规则、页面地图、服务器位置、重定向记录、开放端口、路由追踪、DNS 安全扩展、网站性能、跟踪器、关联主机名、碳足迹。

一、写作背景与核心主题

本文针对服务端主动向客户端推送数据的常见业务场景（数据大屏实时刷新、消息中心未读提醒、在线聊天等），对比分析了三类主流实现方案的优劣，重点介绍了 SSE（Server-Sent Events，服务端推送事件） 的使用场景、核心API与落地实践，帮助开发者根据业务需求选择更合适的推送方案。

二、三类实时推送方案全面对比

三、SSE核心知识点详解

1. 连接状态（readyState）

通过EventSource实例的readyState属性可获取当前连接状态：

• 0（对应常量EventSource.CONNECTING）：连接未建立，或连接已断线正在重试
• 1（对应常量EventSource.OPEN）：连接已建立，可正常接收数据
• 2（对应常量EventSource.CLOSED）：连接已断开，且不会重连

2. 核心事件监听

3. 服务端响应规范

SSE要求服务端返回特定的HTTP响应头和数据格式：

Content-Type: text/event-stream  # 声明SSE流式数据格式
Cache-Control: no-cache         # 禁止缓存，保证数据实时性
Connection: keep-alive          # 声明长连接

数据体格式必须以data:开头，两个换行符\n\n结束：

data: {"message": "Current time is 10:30:00"}\n\n

四、SSE实战Demo说明

文章提供了原生HTML前端 + Node.js Express后端的完整可运行示例，无需任何框架即可验证SSE效果：

1. 前端实现逻辑

• 首先检测浏览器是否支持window.EventSource，不支持则抛出错误
• 通过new EventSource('http://localhost:8088/sse/')建立SSE连接
• 监听open/message/error事件，收到数据后动态创建<li>元素插入页面

<script>
if (!!window.EventSource) {
  const source = new EventSource('http://localhost:8088/sse/');

  source.onopen = () => console.log("SSE连接已建立");

  source.onmessage = (event) => {
    const data = JSON.parse(event.data);
    const li = document.createElement("li");
    li.innerHTML = data.message;
    document.getElementById("ul").appendChild(li);
  };

  source.onerror = () => console.log("SSE连接中断");
} else {
  throw new Error("当前浏览器不支持SSE");
}
</script>

2. 后端实现逻辑（Node.js Express）

• 配置跨域支持，允许前端页面访问
• 设置SSE要求的响应头
• 通过setInterval每秒向客户端推送一次当前时间

const express = require('express');
const app = express();
const port = 8088;

// 跨域配置
app.all("*", (req, res, next) => {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Content-Type, Authorization, X-Requested-With");
  res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
  req.method === 'OPTIONS' ? res.sendStatus(200) : next();
});

// SSE接口
app.get("/sse", (req, res) => {
  res.set({
    'Content-Type': 'text/event-stream',
    'Cache-Control': 'no-cache',
    'Connection': 'keep-alive'
  });

  setInterval(() => {
    const data = { message: `Current time is ${new Date().toLocaleTimeString()}` };
    res.write(`data: ${JSON.stringify(data)}\n\n`);
  }, 1000);
});

app.listen(port, () => console.log(`服务启动成功：http://localhost:${port}`));

五、关键结论与注意事项

1. 选型优先级：能用SSE解决的单向推送需求，不要用更复杂的WebSocket；需要双向通信再选WebSocket；轮询仅作为兜底方案。
2. 兼容性提醒：
   • SSE和WebSocket现代浏览器兼容性均较好
   • ❌ IE浏览器不支持SSE
   • ❌ 微信小程序不支持SSE
3. 开发小技巧：轮询虽然不推荐用于生产环境，但开发调试时实现成本极低，适合快速验证逻辑。

Gatus 介绍：Go 语言编写的主动式健康监控状态页

核心定位

Gatus 是一款用 Go 开发的主动式健康状态监控面板（GitHub 10k+ Star），用于填补传统监控工具的盲区：

• 传统监控（如 Prometheus Alertmanager）依赖流量触发告警，若服务无访问则无法发现故障。
• Gatus 采用主动探测逻辑，按预设间隔主动检查端点，在用户感知问题前发出预警。
• 核心公式：主动健康检查 + 可视化状态页 + 多通道告警
• 支持 HTTP、ICMP、TCP、DNS、gRPC、WebSocket 等十余种协议，单 Docker 命令即可启动。

核心特性

部署与存储

部署方式

支持 Docker、Kubernetes Helm、Terraform、单二进制直接运行；配置文件支持多 YAML 文件拆分合并，便于多团队协作管理。

存储方案

生产环境推荐 PostgreSQL + 写穿缓存，提升仪表盘加载速度。

同类工具对比

Gatus 更适合需要深度定制、监控复杂业务场景的技术团队。

适用场景

1. 个人/小团队：快速搭建轻量监控，SQLite + 常用告警即可满足需求。
2. 中大型团队：统一管理数百个微服务的健康状态，对接现有 Prometheus 监控体系。
3. SaaS 产品：对外提供用户可见的服务状态页，搭配徽章展示历史可用性。
4. DevOps 运维：补位传统监控盲区，实现无流量场景下的故障前置发现。

项目地址

GitHub：https://github.com/TwiN/gatus

开源工具 HTTPSMS 介绍

用 Android 手机做 SMS 网关，通过 HTTP API 收发短信，完全自托管、数据自主可控

核心定位

无需对接第三方商业短信平台，把闲置安卓手机变成私有短信网关：

• 调用简单 HTTP API 即可用你的手机号发信
• 手机收到的短信可通过 Webhook 实时推送到你的服务器
• 支持完全自托管，无厂商锁定期，数据自己掌握

整体架构

开源工具 HTTPSMS 介绍

用 Android 手机做 SMS 网关，通过 HTTP API 收发短信，完全自托管、数据自主可控
来源：「AI开源提效指南」公众号分享

核心定位

无需对接第三方商业短信平台，把闲置安卓手机变成私有短信网关：

• 调用简单 HTTP API 即可用你的手机号发信
• 手机收到的短信可通过 Webhook 实时推送到你的服务器
• 支持完全自托管，无厂商锁定期，数据自己掌握

整体架构

你的业务/脚本 → 调用 /v1/messages/send 接口
↓（立即返回 202 Accepted，不阻塞）
HTTPSMS 服务端（Go + Fiber）→ 异步通过 FCM 通知安卓端
↓
安卓 App（Kotlin）→ 调用系统短信能力收发信，回传状态

核心优势

典型使用场景

• 个人/内部系统的 2FA 短信验证码下发
• 服务器运维告警（比邮件/推送到达率更高）
• 自动化测试收验短信
• 无公网 IoT 设备的状态通知通道

与同类方案对比

快速上手

• GitHub 地址：https://github.com/NdoleStudio/httpsms（当前 1.9k Star）
• 官方文档：https://docs.httpsms.com
• 部署方式：支持 Docker Compose 一键自托管，安卓端安装对应 App 即可使用

开源工具推荐：轻量终端网络监控工具 RustNet

解决了什么痛点？

传统网络排查工具往往顾此失彼，RustNet 旨在解决以下核心问题：

核心诉求：快速定位「哪个进程在和谁通信、用的什么协议、占了多少带宽」。

项目简介

RustNet 是一款用 Rust 编写的跨平台终端 UI（TUI）网络监控工具。

• 极简体积：不足 3MB
• 广泛兼容：支持 Linux / macOS / Windows / FreeBSD
• 技术栈：ratatui 构建界面、libpcap 抓包，Linux 下默认启用 eBPF 加速
• 社区热度：GitHub 收获 3.2k Star，已发布 20 个版本

核心功能亮点

• 精准溯源：直接将 TCP/UDP/QUIC 连接映射到对应进程。
• 深度识别：自动识别 HTTP / DNS / SSH / QUIC 等常见协议。
• 状态可视：颜色标记连接活跃度（白=活跃、黄=老化、红=超时），支持查看历史连接。
• 高效筛选：Vim 风格过滤（支持 port:/process:/sni: 等字段），支持快速排序。
• 附加能力：内置本地 GeoIP 库（离线查归属地）、进程分组折叠、网卡级统计。

快速安装

各平台安装命令

权限配置

抓包需要权限，推荐以下两种方式之一：

方式一：临时使用（最简单）
sudo rustnet
方式二：永久免 sudo（Linux）
sudo setcap 'cap_net_raw,cap_bpf,cap_perfmon=eip' $(which rustnet)

常用操作

适用人群

• 运维工程师：快速排查服务器流量暴涨原因。
• 后端开发者：确认服务连接的健康状态与协议合规性。
• 安全审计：在无图形界面的远程服务器上进行网络诊断。

项目地址：https://github.com/domcyrus/rustnet