AngularFire查询Firebase实时数据库嵌套结构数据遇问题

数据库结构说明 #

• 数据路径：/dataTables/userId/dayDate/tableID/rowWithData
• rowWithData具体结构：

{
    "-NLBD8PD7i5DPfdgF": {
      "name": "Demo 1",
      "rows": {
        "-NLBD8RiJeyZpnKg8iKI": {
          "lastEdit": 1676495720665,
          "name": "Data 1",
          "priority": 1
        },
        "-NLBPODZMfFFXKTFDo7p": {
          "lastEdit": 1676495720665,
          "name": "Data 2",
          "priority": 5
        }
      }
  },
  "-NLBD8PD7asdas": {
    "name": "Demo 2",
    "rows": {
      "-NLBD8RiJeyZpnKg8iKI": {
        "lastEdit": 1676495720665,
        "name": "Data 3 here",
        "priority": 1
      },
      "-NLBPODZMfFFXKTFDo7p": {
        "lastEdit": 1676495720665,
        "name": "Data 4 here",
        "priority": 5
      }
    }
  }
}

遇到的查询问题 #

1. 第一个查询始终返回0条结果：

this.angularFireDatabase
  .list(`dataTables/${this.userInfo.uid}`, ref => ref.limitToFirst(50).equalTo(`search term`))
  .snapshotChanges()
  .subscribe(data => {
    console.log("search data", data);
  })

2. 第二个查询未添加equalTo()时，能返回/data/userId/dayDate路径下的全部数据，但添加equalTo()后，无论传入什么关键词都无结果：

this.angularFireDatabase
  .list(`dataTables/${this.userInfo.uid}`, ref => ref.orderByChild('rows'))
  .snapshotChanges()
  .subscribe(data => {
    console.log("search data", data);
    debugger;
  })

需求：在/data/userId路径下，搜索包含指定关键词的所有数据。

问题原因及解决方案 #

核心问题 #

Firebase实时数据库的查询是浅层匹配，无法直接对嵌套对象（比如rows下的name）做模糊搜索；且equalTo()是精确匹配，不支持包含匹配。另外你的查询逻辑存在路径与排序字段不匹配的问题：

• 第一个查询未指定orderBy，equalTo()无法生效；
• 第二个查询用orderByChild('rows')，但rows是对象类型，Firebase无法直接对对象做equalTo匹配。

可行方案 #

方案1：扁平化数据结构（推荐）

Firebase不适合深度嵌套的数据结构，建议将数据扁平化，把需要搜索的字段提到顶层，示例结构：

/dataTables/userId/dayDate/tableID/rows/{rowId}
{
  "lastEdit": 1676495720665,
  "name": "Data 1",
  "priority": 1,
  "parentTableName": "Demo 1" // 关联父表名称
}

调整后可直接针对name字段做前缀模糊搜索：

this.angularFireDatabase
  .list(`dataTables/${this.userInfo.uid}/${dayDate}/${tableID}/rows`, ref => 
    ref.orderByChild('name').startAt(searchTerm).endAt(searchTerm + '\uf8ff')
  )
  .snapshotChanges()
  .subscribe(data => {
    console.log("搜索结果", data);
  });

startAt+endAt配合\uf8ff（Unicode中较高的字符）可以实现类似LIKE 'searchTerm%'的前缀匹配效果。

方案2：前端过滤（数据量小时可用）

如果数据量不大，可以先拉取全部数据，再在前端做模糊匹配：

this.angularFireDatabase
  .list(`dataTables/${this.userInfo.uid}`)
  .snapshotChanges()
  .pipe(
    map(items => {
      return items.filter(item => {
        const payload = item.payload.val();
        // 检查父表name或子表rows里的name是否包含关键词
        const hasParentMatch = payload.name?.includes(searchTerm);
        const hasChildMatch = Object.values(payload.rows || {}).some(row => row.name?.includes(searchTerm));
        return hasParentMatch || hasChildMatch;
      });
    })
  )
  .subscribe(filteredData => {
    console.log("搜索结果", filteredData);
  });

注意：这种方式会拉取全部数据，数据量大时会消耗较多带宽和性能，仅适合小规模数据场景。

方案3：第三方全文搜索扩展

如果需要更强大的全文搜索能力，可以使用Firebase官方的Search with Algolia扩展，将数据库数据同步到Algolia平台，利用其专业的搜索能力实现复杂的模糊搜索、分词匹配等功能。

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