javascript - 使用 socket.io 进行客户端实时更新

Question

我在为我的应用选择最佳设计时遇到了困难。我正在编写一个移动应用程序，需要从服务器获取图片，并使用标记在 Google map 上使用 GPS 坐标属性显示它们。

所以，通常我只是使用简单的 GET/pictures 从我的 api 获取它们，但后来我想到了一种更好(也许更优雅)的方法来做到这一点。我想使用socket.io用于实时更新图片，因为当我从 API 获取图片时，我没有获取所有图片，我只获取客户端在 map 上看到的图片(使用谷歌地图的 getBounds() )，所以每次用户改变他看的地方时获取/图片似乎有点慢。最初，我使用谷歌地图的空闲事件来获取某个区域的图片。

我现在想做的是使用 websockets 实时更新 map ，但我不明白如何在我的应用程序中实现它。问题是这样的:
user1 获取某个区域的图片。他获取图片，并使用标记将它们绘制在 map 上。好的。
user2 在user1 看起来的区域中创建了一张图片。或者更一般地说:user2 对 user1 正在查看的图片进行操作(喜欢它、删除它、创建一个新图片，等等)

现在，user1 如何知道已采取操作？服务器可以广播一个emit，但是然后呢？其他没有看图片的用户怎么办？
我只是不知道如何与服务器同步:删除图片时删除标记，当图片获得喜欢时增加数字。我不明白，我想知道，因为我认为这是制作实时应用程序的好时机，或者也许我强制它，我应该坚持使用 HTTP。

我想过在客户端上使用 setInterval 并请求图片(带有新信息)，但我不知道这是否是最简洁的方法。

感谢您的宝贵时间

Answer 1

您仍然可以使用 socket.io 广播发射，这对于当前正在查看同一区域的用户来说就足够了；但是您还需要为当前不在同一区域的用户存储这些新信息(例如数据库)，以便当他们访问该区域时，他们将从服务器/数据库获取最新信息。