Firebase Realtime Database数据存储格式异常求助

问题详情 #

• 功能场景：输入姓名后点击提交，数据上传至Firebase Realtime Database，由Spinner组件展示这些姓名
• 当前上传代码：

function InsertData() {
    push(ref(db, "Spinner/" ),{
        Name: enterName.value
    })
}

• 问题：提交姓名「Matthew」时，数据会被存储在随机生成的键（如 -Nxxxxxx 格式）下，需要改成类似截图中「test」的直接键值对存储形式。

解决方案 #

push() 方法的作用是自动生成唯一随机键，适合存储无需自定义键的列表数据。要实现自定义键的键值对存储，需改用 set() 或 update() 方法：

方式1：直接以姓名为键存储值 #

如果只需要存储姓名本身，可直接将姓名作为节点键：

function InsertData() {
    set(ref(db, `Spinner/${enterName.value}`), enterName.value)
}

存储后的数据库结构：

Spinner
  ├─ test: "test"
  └─ Matthew: "Matthew"

方式2：保留对象结构但自定义键 #

若需维持对象格式（如包含Name字段），同样可以指定姓名为键：

function InsertData() {
    set(ref(db, `Spinner/${enterName.value}`), {
        Name: enterName.value
    })
}

存储后的数据库结构：

Spinner
  ├─ test: { Name: "test" }
  └─ Matthew: { Name: "Matthew" }

注意：使用set()时，若重复提交相同姓名，会覆盖该键下的原有数据。若需避免覆盖，可提前通过get()方法检查键是否存在，再调整存储逻辑。

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