Firebase Realtime Database按状态统计在线/离开的活跃用户数

你可以直接通过Firebase快照的numChildren()属性获取查询结果的用户数量，以下是两种适配场景的实现：

原生Firebase SDK写法（适配你现有代码片段） #

直接修改你写的查询代码，分别统计online和away两种状态的用户数相加即可：

const statusRef = ref.child("status");

Promise.all([
  // 查询在线用户数
  statusRef.orderByChild("status").equalTo("online").once("value"),
  // 查询离开状态用户数
  statusRef.orderByChild("status").equalTo("away").once("value")
]).then(([onlineSnap, awaySnap]) => {
  const activeCount = onlineSnap.numChildren() + awaySnap.numChildren();
  // 直接输出所需格式
  console.log(`${activeCount}位活跃用户`);
  // 可以把activeCount绑定到你的页面视图展示
});

Angular项目适配写法（可直接加入你现有的PresenceService） #

你可以在presence.service.ts中新增方法，全局复用查询逻辑：

import { combineLatest } from 'rxjs';
import { map } from 'rxjs/operators';

// 现有PresenceService类中新增以下方法
getActiveUserCount() {
  // 分别查询两种状态的用户列表
  const onlineUsers$ = this.db.list('status', ref => ref.orderByChild('status').equalTo('online')).valueChanges();
  const awayUsers$ = this.db.list('status', ref => ref.orderByChild('status').equalTo('away')).valueChanges();
  
  // 合并两个流返回总活跃数
  return combineLatest([onlineUsers$, awayUsers$]).pipe(
    map(([onlineList, awayList]) => onlineList.length + awayList.length)
  );
}

组件调用示例：

// 组件中订阅获取实时活跃用户数
this.presenceService.getActiveUserCount().subscribe(count => {
  this.activeUserTip = `${count}位活跃用户`;
});

性能优化配置 #

如果你的用户量级较大，建议在Firebase Realtime Database规则中给status字段加索引，避免全表扫描提升查询速度：

{
  "rules": {
    "status": {
      ".indexOn": "status"
    }
  }
}

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