Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/wcf/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为多个客户端构建交互式网站_Javascript_Xml_Dynamic_Client Server_Raphael - Fatal编程技术网

Javascript 为多个客户端构建交互式网站

Javascript 为多个客户端构建交互式网站,javascript,xml,dynamic,client-server,raphael,Javascript,Xml,Dynamic,Client Server,Raphael,我是一个编程新手,所以请原谅这里的技术歧义。我将尽可能具体地说明我正在努力实现的目标 我正在尝试建立一个互动网站,多个客户端可以登录并查看棋盘游戏。棋盘游戏由地图上带有颜色(控制它的玩家)和数字(军队)变量以及可拖动标记的区域组成 我使用Raphael界面为SVG图形构建了一个JavaScript客户端版本,并希望构建一个服务器,该服务器可以处理一个客户端对电路板所做的任何更改,并更新其他客户端的电路板。在我看来,顺序应该是这样的: 用户执行的操作 操作侦听器更新客户端视图 已将更新发送到服务器

我是一个编程新手,所以请原谅这里的技术歧义。我将尽可能具体地说明我正在努力实现的目标

我正在尝试建立一个互动网站,多个客户端可以登录并查看棋盘游戏。棋盘游戏由地图上带有颜色(控制它的玩家)和数字(军队)变量以及可拖动标记的区域组成

我使用Raphael界面为SVG图形构建了一个JavaScript客户端版本,并希望构建一个服务器,该服务器可以处理一个客户端对电路板所做的任何更改,并更新其他客户端的电路板。在我看来,顺序应该是这样的:

  • 用户执行的操作
  • 操作侦听器更新客户端视图
  • 已将更新发送到服务器
  • 服务器更改数据库以反映更改
  • 服务器通知所有客户端
  • 客户端更新视图
  • 我读过一些Ajax/XML,但我找到的教程主要是关于获取静态数据的,我没有看到在服务器上实际更改动态数据的示例,也没有找到服务器功能应该是什么样子的示例


    所以基本上我的问题是,有人能给我指出正确的方向吗?我非常希望能给我一个大致的大纲,告诉我如何完成这项任务,以及如何指导一两个与任务相关的教程。谢谢大家!

    您可以查看nodeJS和socket.io。 有了这项技术,就有可能创建实时web应用程序

    它有点老了,但这里有一个我们不久前做的游戏:
    它还使用拉斐尔JS。

    感谢您的回复!一些实际的代码正是我需要看到的,我相信它会帮助很多人。现在有一个我还不知道的新手问题——如何安装node.js并使其与网页一起工作?我现在只需要使用我的家庭电脑和学校提供的一些服务器空间,但我没有管理员权限,因此无法安装它。我可以在已经安装node.js的地方获得免费/便宜的空间吗?Heroku支持nodeJs。但最好的开始方式是使用Linux(我有Ubuntu),这使得一切都比windows更容易安装。您还可以查看expressJs或NowJs。