如何在Firebase中追加数据？菜谱点赞功能实现疑问

看起来你在给菜谱点赞功能做Firebase数据存储时遇到了结构不符和追加数据的问题，我来帮你理清楚问题出在哪，以及怎么解决。

为什么你的当前代码不符合预期？ #

你现在用的this.db.object("users/" + key + "/like/").update({ recipe });，这里的问题在于：当你传入{ recipe }（等价于{ recipe: recipeKey }）时，Firebase会直接把like节点下的recipe字段替换成这个recipeKey，而不是在recipe节点下追加新的条目。update方法是用来更新指定路径下的键值对，如果你没有指定recipe节点下的具体子键，它就会直接覆盖整个recipe节点的值。

如何在Firebase中安全追加点赞数据？ #

这里有两种常用的方案，根据你对数据结构的需求来选：

方案一：用push()自动生成唯一键（推荐）

虽然你想要的是0、1这样的数字索引，但Firebase的push()方法生成的带时间戳的唯一键更适合处理列表类数据——它能避免多人同时点赞时的索引冲突问题，而且查询和操作起来更稳定。

代码示例：

// 获取用户点赞菜谱列表的引用
const userRecipeLikesRef = this.db.ref(`users/${key}/like/recipe`);
// 追加新的菜谱Key到列表中
userRecipeLikesRef.push(recipeKey);

生成的数据结构会是这样（键是Firebase自动生成的）：

users: {
  "用户Key": {
    "like": {
      "recipe": {
        "-NxYz123abc": "菜谱Key1",
        "-NpQr456def": "菜谱Key2"
      }
    },
    "about": "用户简介",
    "email": "user@example.com",
    // 其他用户字段...
  }
}

方案二：手动维护数字索引（适合你想要的0、1结构）

如果你一定要严格使用连续数字作为索引，那需要先获取当前点赞列表的长度，再用这个长度作为新的索引来追加数据。但要注意并发场景下的冲突问题，所以最好用Firebase的事务（Transaction）来保证原子性：

代码示例：

const userRecipeLikesRef = this.db.ref(`users/${key}/like/recipe`);

// 用事务处理并发更新
userRecipeLikesRef.transaction(currentLikes => {
  if (!currentLikes) {
    // 如果用户还没点过赞，初始化第一个条目
    return { 0: recipeKey };
  } else {
    // 获取当前点赞数量作为新索引
    const newIndex = Object.keys(currentLikes).length;
    // 追加新的菜谱Key
    currentLikes[newIndex] = recipeKey;
    return currentLikes;
  }
});

这样就能生成你想要的0: recipeKey, 1: recipeKey结构，而且即使多个用户同时点赞，事务也会确保数据不会被覆盖。

补充：如果一定要用update实现追加？ #

如果你坚持要用update，那需要明确指定要追加的子键（也就是新的索引），比如先获取当前索引再更新：

const userRecipeLikesRef = this.db.ref(`users/${key}/like/recipe`);

userRecipeLikesRef.once("value").then(snapshot => {
  const currentLikes = snapshot.val() || {};
  const newIndex = Object.keys(currentLikes).length;
  // 明确指定子键进行更新，而不是覆盖整个recipe节点
  userRecipeLikesRef.update({ [newIndex]: recipeKey });
});

但这种方式没有事务的并发保护，所以不推荐在多人操作的场景下使用。

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