调试Firebase实时数据库连接：无法触发在线状态问题

你的代码持续打印not connected to rtdb，说明Realtime Database未成功建立连接，需要检查以下几个必要步骤：

• 确认Realtime Database实例初始化正确
  必须单独初始化Realtime Database实例，不能只初始化Firestore。示例代码：

  import { initializeApp } from "firebase/app";
  import { getDatabase } from "firebase/database";
  
  const firebaseConfig = {
    // 你的Firebase项目配置，需包含正确的databaseURL
  };
  
  const app = initializeApp(firebaseConfig);
  const database = getDatabase(app); // 这一步是连接Realtime DB的核心
  

  若database变量不是正确初始化的实例，后续的监听和读写都会失败。

• 检查Realtime Database规则权限
  .info/connected是Realtime Database的系统路径，需要确保你的数据库规则允许读取该路径。可先设置测试规则（上线后务必修改为安全规则）：

  {
    "rules": {
      ".read": true,
      ".write": true
    }
  }
  

  权限不足会导致监听请求被拒绝，返回false。

• 核对项目配置中的databaseURL
  检查Firebase配置里的databaseURL是否与控制台中Realtime Database的URL完全一致（格式通常为https://{project-id}.firebaseio.com），URL错误会直接导致无法连接。

• 修正代码中的API调用错误
  你的代码里database.ref(db, '.info/connected')存在实例引用重复问题。根据Firebase模块化API，正确写法应为：

  import { ref, onValue } from "firebase/database";
  
  onValue(ref(database, '.info/connected'), (snapshot) => {
    // 原有逻辑
  });
  

  混用命名空间API和模块化API也会引发连接异常。

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