如何禁用Firebase Realtime Database JS SDK的'on('value')'查询缓存？

方案1：禁用离线持久化（匹配你提到的Android端配置逻辑） #

Firebase Realtime Database JS SDK的磁盘级离线持久化默认处于关闭状态，如果你之前手动调用过enablePersistence开启了该能力，直接删除对应的开启代码即可完成禁用，该配置需要在所有数据库读写操作执行前设置才会生效，示例如下：

import { getDatabase } from "firebase/database";

const firebaseDb = getDatabase();
// 移除如下开启持久化的代码即可关闭磁盘缓存
// enablePersistence(firebaseDb)

方案2：保留缓存能力+过滤缓存回调（更推荐） #

不需要关闭缓存，利用快照自带的元数据属性即可过滤掉本地缓存触发的回调，仅当服务端返回最新数据时才执行业务逻辑，既保留了离线可用的能力，也能解决重复执行的性能问题，代码改造如下：

const userBind = (userRef: string) => firebaseDb.ref(userRef).on('value', (snapshot) => {
  // 跳过本地缓存触发的回调，仅处理服务端返回的最新数据
  if (snapshot.metadata.fromCache) return;

  const user = snapshot.val();
  store.commit(SET_USER, user);
  getUserFriends(user)
});

方案3：无需实时监听时使用单次拉取接口 #

如果你的业务场景不需要持续监听数据变化，仅需要单次拉取最新数据，直接使用once或者get接口，只会触发一次回调，天然不存在重复执行的问题：

// 新版Web SDK 9+ 接口
import { get, ref } from "firebase/database";
const snapshot = await get(ref(firebaseDb, userRef));
const user = snapshot.val();
store.commit(SET_USER, user);
getUserFriends(user);

// 旧版接口写法
firebaseDb.ref(userRef).once('value', (snapshot) => {
  const user = snapshot.val();
  store.commit(SET_USER, user);
  getUserFriends(user)
})

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