Flutter：使用带有 http 请求的 Firebase 实时数据库实现分页

Question

如何在 Flutter 中使用 HTTP 请求在实时数据库中实现分页？我尝试了以下但返回错误。

  Future<List<News>> fetchNews() async {
    final response = await http.get("https://<project-id>.firebaseio.com/posts.json?orderBy='t'&limitToFirst=10");
    Map map = json.decode(response.body);
    map.forEach((NewsId, NewsData) {
      _list.add(News.fromJson(NewsData));
    });
    return _list;
  }

返回的错误是：

I/flutter (18683): {
I/flutter (18683):   "error" : "orderBy must be a valid JSON encoded path"
I/flutter (18683): }

我试着用这个替换 url：https://project-id.firebaseio.com/posts.json?orderBy=(backslash)"t(backslash)"&limitToFirst=10 但我收到的错误是：

I/flutter (18683): {
I/flutter (18683):   "error" : "Index not defined, add \".indexOn\": \"t\", for path \"/posts\", to the rules"
I/flutter (18683): }

任何有关如何实现分页的帮助都会有所帮助。我也不介意恢复使用包而不是 http 请求。如果这两种方法之间存在任何显着差异，我将不胜感激。

我的数据库结构如下：

<project-id>
|__posts
     |____(unique key1)
               |_____field1
               |_____field2
               |_____field3
     |____(unique key2)
     |____(unique key3)

提前致谢。

Answer 1

你快到了。第一个错误是因为要订购的属性名称必须是双引号中的字符串。单引号是不可接受的，所以你转义 " 的方式确实是正确的。

新错误是因为您需要在数据库的安全规则中定义索引，以便服务器知道 sort/filter 数据库的内容。如果您查看 indexing data 上的文档并从错误消息中获取信息，则会变成：

{
  "rules": {
    "posts": {
      ".indexOn": "t"
    }
  }
}

顺便说一句：我通常首先让我的 REST 查询在浏览器中运行，然后才将它们复制到我的代码中。这样你就知道错误是来自 Firebase，还是来自你在 Flutter 代码中调用它的方式。

Flutter：使用带有 http 请求的 Firebase 实时数据库实现分页

Flutter: Implementing Pagination using Firebase Realtime Database with http request

httprequest

dart

firebase-realtime-database

flutter