如何检测RESTful API与Firebase Realtime Database的连接状态并实现断网时实时触发状态日志

我之前也碰到过这个问题，.info/connected的默认行为确实有点反直觉——它不会在你断开WiFi的瞬间就触发false，因为Firebase客户端需要通过心跳机制确认连接真的丢失了（默认超时时间大概是几十秒），这是为了避免把临时的网络波动误判为断开。

要实现你想要的“断开WiFi立刻记录not connected”的效果，我们需要结合本地网络状态监听和Firebase自带的.info/connected节点，两者互补：

核心思路 #

1. 本地网络状态监听：能即时捕捉到WiFi/网络断开的事件，给出快速反馈；
2. .info/connected：作为最终的权威判断，确认客户端和Firebase数据库的真实连接状态（避免本地网络状态误报，比如WiFi信号弱但没完全断联）。

具体实现代码 #

浏览器环境 #

如果你的API是运行在浏览器端，直接用浏览器提供的online/offline事件：

// 监听本地网络的即时状态变化
window.addEventListener('offline', () => {
  console.log("not connected (local network offline)");
});

window.addEventListener('online', () => {
  console.log("local network online, waiting for database reconnection...");
});

// 配合Firebase的真实数据库连接状态确认
const connectedRef = firebase.database().ref(".info/connected");
connectedRef.on("value", (snap) => {
  if (snap.val() === true) {
    console.log("connected to Firebase Realtime Database");
  } else {
    console.log("disconnected from Firebase Realtime Database");
  }
});

Node.js环境（本地托管API） #

如果你的API是Node.js服务，我们可以通过定时检测网络接口状态来实现即时监听：

const { networkInterfaces } = require('os');
const events = require('events');
const eventEmitter = new events.EventEmitter();

// 检测当前网络是否在线的工具函数
function isNetworkOnline() {
  const interfaces = networkInterfaces();
  for (const iface of Object.values(interfaces)) {
    for (const net of iface) {
      // 排除内网地址，判断是否有可用的公网IPv4连接
      if (!net.internal && net.family === 'IPv4') {
        return true;
      }
    }
  }
  return false;
}

// 初始化记录上次网络状态
let lastOnlineStatus = isNetworkOnline();

// 定时检测网络状态变化（每1秒检查一次）
setInterval(() => {
  const currentOnlineStatus = isNetworkOnline();
  if (currentOnlineStatus !== lastOnlineStatus) {
    lastOnlineStatus = currentOnlineStatus;
    if (!currentOnlineStatus) {
      console.log("not connected (local network offline)");
      eventEmitter.emit('offline');
    } else {
      console.log("local network online, waiting for database reconnection...");
      eventEmitter.emit('online');
    }
  }
}, 1000);

// Firebase数据库连接状态监听
const connectedRef = firebase.database().ref(".info/connected");
connectedRef.on("value", (snap) => {
  if (snap.val() === true) {
    console.log("connected to Firebase Realtime Database");
  } else {
    console.log("disconnected from Firebase Realtime Database");
  }
});

可选：调整Firebase心跳超时（谨慎操作） #

如果你希望.info/connected更快地响应真实的断联，可以在初始化Firebase时调整心跳间隔，但这可能会增加不必要的网络请求，影响性能，建议仅在特殊场景使用：

firebase.initializeApp({
  databaseURL: "你的数据库URL",
  // 缩短心跳间隔为5秒（默认约30秒）
  heartbeatInterval: 5000,
  // 缩短重连尝试间隔为1秒
  reconnectInterval: 1000
});

这样调整后，.info/connected会更快地检测到断联，但还是不如本地网络监听即时，所以两者结合是最优方案。

内容的提问来源于stack exchange，提问作者Exploding tnt