Instagram API分页前20张照片

时间:2016-07-21 01:10:54

标签: reactjs coffeescript instagram-api

我拥有表格中显示的所有用户的媒体内容(例如,200张照片)。 Instagram只允许最多20张照片,所以我使用他们的分页功能与maxId和minId。

我在第1页,它显示了20张照片。大。

Page 1
photo #0
photo #1
...
photo #19 with maxId: 123

要进入第2页(接下来的20张照片),我需要第1页的最后一张照片。大。

Page 2
photo #20
photo #21
...
photo #39 with maxId: 456

同样适用于第3页 - 我需要的是第2页的最后一张照片的maxId。但是,当我在第3页上,并且我想查看第2页上的前20张照片时,我实际上会一直回到第1页的照片,因为Instagram认为我试图查看前40张照片,但它们只能显示前20张。

Page 3
photo #40
photo #41
...
photo #59 with maxId: 789

我通过堆栈跟踪当前页面的minId并在向后导航时弹出它以便正确传递minId。我虽然没有拍出正确的照片,但我对Instagram API&minId和maxId的文档感到有点困惑:

  

MIN_ID返回晚于此min_id的媒体。

     

MAX_ID返回早于此max_id的媒体。

所以从第3页开始 - >第2页,我是否需要将第3页的第一张照片的ID作为maxId和第2页的最后一张照片作为minId?或者是相反的方式?

1 个答案:

答案 0 :(得分:1)

我只保存每个页面的API网址。

第1页很简单,您只需要没有任何max_idmin_id的API网址 page2将是来自page1响应的最后一个媒体ID为max_id的API网址 第3页将是API网址,其中包含来自第2页响应的最后一个媒体ID的max_id

在每次调用时,保存相应页面的API URL,返回页面时,只需使用为该页面保存的API URL并加载响应