Firebase数据库写入异常：用户可创建但写入停滞/重复操作报400错

问题现象 #

• 成功创建Firebase用户账号，但执行数据库写入操作时页面持续加载无响应
• 重复点击注册按钮会触发400错误（提示邮箱已存在）

代码问题分析 #

1. 用户ID获取错误
   原代码中const userid = userCredential.user;拿到的是Firebase用户对象，而非用户唯一ID，导致数据库路径'users/' + userid无效，写入操作卡住无法完成。

2. 未定义变量报错
   console.log(user);中的user变量未声明，控制台会抛出错误，中断后续代码执行。

3. 异步操作未处理状态
   数据库update是异步操作，未添加then/catch处理完成与错误，页面无法感知操作状态；同时createUserWithEmailAndPassword没有错误捕获，无法处理重复注册的场景，用户易因无反馈重复点击。

修正后的代码 #

JavaScript 注册逻辑

function register() {
    const name = document.getElementById("usernameinput").value;
    const email = document.getElementById("emailinput").value;
    const password = document.getElementById("passinput").value;

    // 禁用按钮防止重复点击
    const registerBtn = document.getElementById("registerbutton");
    registerBtn.disabled = true;

    createUserWithEmailAndPassword(auth, email, password)
        .then((userCredential) => {
            // 获取正确的用户唯一ID
            const userId = userCredential.user.uid;
            console.log("用户创建成功：", userCredential.user);

            // 执行数据库写入，返回promise以便链式处理
            return update(ref(database, 'users/' + userId), {
                username: name,
                email: email,
                Alfa: true,
                Amstel: true,
                Bavaria: true,
                Brand: true,
                Budels: true,
                Dommelsch: true,
                Gulpener: true,
                Heineken: true,
                HertogJan: true,
                Jupiler: true,
                Lindeboom: true,
                Grolsch: true,
                Leffe: true,
                Desperados: true,
            });
        })
        .then(() => {
            // 数据库写入成功后的操作，示例：跳转登录页
            alert("注册成功！");
            gotologin();
        })
        .catch((error) => {
            // 统一处理所有错误（邮箱已存在、密码不符合规则等）
            alert("注册失败：" + error.message);
            console.error("错误详情：", error);
        })
        .finally(() => {
            // 无论成功失败，恢复按钮可点击状态
            registerBtn.disabled = false;
        });
}

额外检查：数据库规则

确保Firebase实时数据库规则允许已认证用户写入自己的节点，示例规则：

{
  "rules": {
    "users": {
      "$uid": {
        ".read": "auth != null && auth.uid == $uid",
        ".write": "auth != null && auth.uid == $uid"
      }
    }
  }
}

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