使用JavaScript向Firebase数据库插入数据失败该如何排查？

• SDK版本API不兼容：你引入的是Firebase 9.x版本，该版本默认使用模块化API，不再暴露全局firebase对象，当前代码使用的8.x及更早版本的firebase.database().ref()写法完全无法生效。两种修复方案：
  1. 替换引入的SDK为兼容版：把3个依赖的引入路径都添加-compat后缀，示例：https://www.gstatic.com/firebasejs/9.1.1/firebase-app-compat.js，修改后原有业务逻辑代码无需调整即可运行
  2. 改用9.x模块化写法，参考代码如下：

  // 导入对应模块化方法
  import { initializeApp } from "https://www.gstatic.com/firebasejs/9.1.1/firebase-app.js";
  import { getDatabase, ref, set } from "https://www.gstatic.com/firebasejs/9.1.1/firebase-database.js";
  
  const app = initializeApp(firebaseConfig);
  const db = getDatabase(app);
  var username, password;
  function ready (){
      username = document.getElementById('username').value;
      password = document.getElementById('password').value;
  }
  
  document.getElementById('register').onclick = function(){
      ready();
      // 调用模块化写入方法
      set(ref(db, 'user/' + username), {
          user: username,
          pass: password
      }).catch((error) => {
          // 打印错误便于排查
          console.log("写入失败错误：", error);
      });
  }
  

• 缺少username输入节点：你提供的HTML代码中仅定义了id为password的输入框，不存在id为username的输入元素，执行document.getElementById('username').value会直接抛出节点未找到的错误，无法获取用户名生成正确的写入路径。
• 数据库权限规则拦截：Firebase实时数据库默认安全规则为仅认证用户可读写，如果你的代码没有对接用户登录认证逻辑，写操作会被规则直接拒绝。测试阶段可以暂时将数据库规则调整为：

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

  注意上线前必须替换为符合业务安全要求的规则，避免数据泄露。
• 明文存储密码风险提示：生产环境不要明文存储用户密码，必须对密码做加盐哈希加密后再写入数据库，避免数据泄露导致用户账号安全问题。

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