什么技术用于Collaborative Web App Networking

时间:2011-11-22 17:04:50

标签: javascript html5 networking canvas

我想创建一个人们可以与指定图像协作的Web应用程序。

例如,如果你看看这个篮球应用程序 https://market.android.com/details?id=com.canica.apps.basket&hl=en

我正在设想类似人们可以登录,画戏等的东西, 我希望实时更新,以便其他人以团队形式登录,看看其他人正在“绘图”。

我正在考虑扩展一个html画布绘图应用程序并添加网络通信,但我不知道从哪里开始查找。

我的问题是 - 我应该将哪些技术用于将数据推送给用户? 有没有人有建议?

2 个答案:

答案 0 :(得分:1)

您几乎已回答了自己的问题,尤其是使用HTML5和JavaScript代码时。

你应该看看WebSockets(whatwhat and why)。

WebSockets允许任何客户端和服务器之间的双向通信。最初只能通过JavaScript在Web浏览器中使用,但现在有许多WebSocket client libraries可用,这意味着虽然您可以使用浏览器进行开发,但没有理由说您的客户端不能是任何设备。

快速搜索了this example。还有iPad/iPhone application

这里似乎还有一个使用node.js和socket.io的视频教程: http://wesbos.com/html5-canvas-websockets-nodejs/

如果您不想担心安装和维护自己的实时基础架构,该基础架构还处理旧版Web浏览器的后备技术,那么您可以考虑使用hosted realtime web service

答案 1 :(得分:0)

XMPP可能需要关注。一本关于从浏览器与XMPP服务器交互的好书是Professional XMPP Programming With JavaScript and jQuery

这是一个非常软的介绍,我认为甚至可能有一章涵盖了实现类似的东西。