如何建立像facebook这样的实时推送通知功能呢？

Question

我将为我的Web应用程序(一个小型​​社交网络)构建实时推送通知功能,我不知道从哪里开始.

这就是我想要构建的:有像按钮,评论表单,...用户点击喜欢,写他们的评论和(相对)立即,在所有者的浏览器上显示新的喜欢和评论的数量,...有点像那.

我在nodeJs上看过socketIo,MeteorJS但不幸的是,他们需要现代浏览器支持的WebSocket.我刚刚读到了关于Comet技术的内容,发现它很容易申请.但我不确定它会表现不错,因为Comet依赖于长轮询连接(如果我错了,请纠正我).

此外,我认为Facebook正在使用Comet推送通知功能.通过firebug插件上的控制台选项卡,我可以看到总是持有与facebook的连接.那么有人能告诉我一个技术,一个模型来开发这样的功能吗？

Answer 1

一个有前途的想法是使用HTML5通知API; 如果您希望在用户屏幕上弹出通知,只要他的浏览器正在运行(即使您正在浏览其他网站或所有窗口都已关闭),它也是完美的.

http://www.paulund.co.uk/html5-notifications

但是,如果你想要的是异步更新页面的不同部分(不刷新或按下按钮),你应该一起使用:

• Ajax调用;
• 听众和观察员.

当Ajax调用检索特定类型的json数据时(例如),它可以触发带有许多新通知的徽章(监听器)的外观,或者......

安装JQuery后,你应该没事......

尽管通常情况并非如此,但有时候,对于简单的调整,编写完成的工作更容易......

你可以从这里开始:

如何在没有插件的情况下在Jquery中实现"观察者"？ (它虽旧,但很有趣)

或者看到这个页面:

使用ajax/jquery进行浏览器即时更新

(令人难以置信的谷歌查询返回stacko'页面的频率)

Answer 2

我有一个想法，它很简单，但可能有效。为什么不将通知栏隐藏为 Div 标签，并用 css 设计它，使其看起来像通知栏。然后，每当用户喜欢或评论页面时，编写 php 或 js 函数并将其连接到喜欢或评论提交按钮，该按钮将显示页面所有者不可见的 div 为可见。我相信，根据您使用的内容，我可能更喜欢 php session() 来识别页面所有者是否在线并且可以获得通知。此外，如果您需要跟踪页面的统计信息，您可以创建一个小型数据库来保存页面 ID 和用户评论。您可以使用此数据库在该隐藏的 Div 上推送多个通知。如果你愿意的话，你可以使用 Jquery 让它像 Facebook 一样移动。我不能百分百确定这是否是最优化的方法，但这是可能的。顺便说一句，我浏览了一些，看看人们用什么来做到这一点。令人惊讶的是我也找不到东西。