Firebase获取指定文件夹全部数据报错，求解决方案及简化方法

一、常见错误原因 #

• Firebase初始化不完整：调用数据库方法前，必须通过firebase.initializeApp()完成初始化，确保传入的apiKey、authDomain、databaseURL等配置参数完全正确。
• 数据库权限限制：Realtime Database默认禁止未授权访问，开发阶段可临时调整规则开放读写权限（上线前务必修改为安全规则）：

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

• 节点路径错误：确认to_database参数传递的节点路径与数据库中的实际路径完全匹配，无拼写错误或多余符号。
• SDK引入问题：确保HTML中正确引入了Firebase Realtime Database的SDK文件，比如v8版本：

<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-database.js"></script>

若使用v9+模块化SDK，需对应正确导入模块。

二、更简洁的实现方式 #

方式1：v9+模块化SDK（async/await写法） #

import { getDatabase, ref, get } from "firebase/database";

async function Fetch_data_from_database(to_database, table_id) {
  const db = getDatabase();
  const dbRef = ref(db, to_database);
  try {
    const snapshot = await get(dbRef);
    if (snapshot.exists()) {
      snapshot.forEach(childSnapshot => {
        const { Name, Password, User_ID } = childSnapshot.val();
        add_to_table(table_id, Name, Password, User_ID);
      });
    } else {
      console.log("数据库无匹配数据");
    }
  } catch (error) {
    console.error("数据获取失败：", error);
  }
}

方式2：v8及以下命名空间SDK（Promise写法） #

function Fetch_data_from_database(to_database, table_id) {
  firebase.database().ref(to_database).once('value')
    .then(snapshot => {
      if (snapshot.exists()) {
        snapshot.forEach(childSnapshot => {
          const { Name, Password, User_ID } = childSnapshot.val();
          add_to_table(table_id, Name, Password, User_ID);
        });
      } else {
        console.log("无可用数据");
      }
    })
    .catch(error => {
      console.error("数据获取出错：", error);
    });
}

这两种写法都优化了错误处理逻辑，避免回调嵌套，代码可读性更强，也更便于排查问题。

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