Ajax轮询聊天在快速聊天时在消息接收器前端获得重复

时间:2015-04-23 10:35:53

标签: javascript ajax setinterval long-polling session-storage

我使用:

开发了一个javascript聊天(后端的php)
1) long-polling to get new messages for the receiver 
2) sessionStorage to store the counter of messages  
3) setInterval to read new messages and if sessionStorageCounter < setIntervalCounter then the last message is shown to receiver.
4) javascript to create,update and write the chat dialogues

该模块工作正常,但当用户快速聊天时,接收器&#39;前端获得两个或三个相同的消息,(计数器既不会失败,也不会提供双重插入)。

代码似乎是正确的(这就是我不提供代码的原因),因此间隔延迟可能是原因(减少间隔延迟,没有任何变化)。

您是否认为上述架构是一种不好的做法?您认为哪种架构可以消除错误?

2 个答案:

答案 0 :(得分:5)

我的方法,如果我自己解决(而不是使用已经处理过这个的现有库),那就是:

  • 让服务器在每条消息到达时为其分配唯一ID(GUID)。
  • 在客户端上,存储最近收到的消息的ID。
  • 轮询新邮件时,请使用成功收到的最后一条邮件的ID进行查询。然后,服务器通过在其自己的队列中查找该消息并重放所有后续消息来进行响应。
  • 防止&#39;掉线&#39;消息,每条消息也可以携带前一个消息的ID(允许客户端进行一致性检查)

如果重新生成确实导致从服务器传递到客户端的重复项,则每条消息上存在唯一ID会使消除它们变得微不足道。将服务器端消息队列视为事件流,每个客户端都跟踪其最后读取位置。客户端没有对消息的正确顺序,有多少消息等进行猜测 - 因为它的状态完全由我所看到的&#39;,很少有机会失去同步。

答案 1 :(得分:0)

由于它是实时聊天,因此int[] Data= { 1, 212, 333,2,12,3311,122,23 }; int large = Data.Max(); Console.WriteLine(large); 间隔可能足够小,可以同时向服务器请求新消息两到三次。确保服务器处理程序已同步,并且忽略来自同一用户的重复查询。