为何Firestore读取与操作统计显示双倍次数？Ionic项目问询

以下是几种可能导致Firestore读取/写入次数翻倍的原因及验证方法：

1. 离线持久化的双重计数 #

Firestore在Capacitor移动端环境默认启用离线持久化。当你调用firebase.firestore.collection('items').valueChanges()时，Firestore会执行两次数据获取：

• 首先从本地缓存读取数据，产生400次读取计数
• 随后从云端拉取最新数据，再次产生400次读取计数
  两次操作的时间差（比如你看到的11:18和11:19）正是缓存读取与网络请求的间隔，最终控制台统计为800次。这是Firestore的默认行为，缓存和网络的操作都会被计入统计。

验证方法：初始化Firestore时关闭离线持久化：

firebase.firestore().settings({
  persistence: false
});

重新测试后，读取次数应变为400次。

2. Angular变更检测触发重复订阅 #

尽管async管道会自动管理Observable订阅，但如果组件使用默认的ChangeDetectionStrategy.Default，初始化阶段的多次变更检测循环可能导致valueChanges()被重复订阅，每次订阅都会发起一次Firestore查询。

验证方法：将组件的变更检测策略改为OnPush，或者手动订阅并在ngOnDestroy中取消订阅，替换async管道：

// app.component.ts
items$: Observable<any[]>;
private unsubscribe$ = new Subject<void>();

ngOnInit() {
  this.items$ = firebase.firestore.collection('items').valueChanges();
  this.items$.pipe(takeUntil(this.unsubscribe$)).subscribe();
}

ngOnDestroy() {
  this.unsubscribe$.next();
  this.unsubscribe$.complete();
}

如果次数恢复正常，说明是变更检测导致的重复订阅。

3. 组件实例被重复创建 #

检查AppComponent是否被多次实例化，比如路由配置错误、模块重复声明等，导致两个组件实例同时发起查询，每个实例读取400次，总计800次。

验证方法：在AppComponent的构造函数中添加日志：

constructor() {
  console.log('AppComponent 实例已创建');
}

如果控制台输出两次日志，说明组件被重复实例化，需要排查模块或路由配置问题。

内容的提问来源于stack exchange，提问作者Daniel Enrique Rodriguez Caste