当前位置: 首页 > 工具软件 > TogetherJS > 使用案例 >

Day 26: TogetherJS —— 让我们一起来编程!

琴英华
2023-12-01
今天的《30天学习30种新技术》挑战,我打算学习一个源自Mozilla的很酷的JavaScript库——TogetherJS。几个月前,我写过一个面向Java 8的在线Java编辑器。今天我将学习如何使用TogetherJS来给这个应用增加协作功能。 TogetherJS是什么? TogetherJS是一个开源的HTML5 Javascript库,提供了用户间的即时协作功能。它同时通过WebRTC支持了多人间的文字、语音聊天功能。使用TogetherJS,多个用户可以在同一页面上交互,看到对方的光标位置,一起浏览和编辑一个站点。TogetherJS支持最新版的Firefox、Chrome和Safari。 TogetherJS Demo Demo应用跑在OpenShift上:http://tryjava-t20.rhcloud.com/ 点击“Start TogetherJS”按钮,开启新会话。会有确认框提示。 在点击“I'm Ready”前,用户可以修改自己的姓名和头像。 用户会收到一个链接,他可以把这个链接分享给其他用户。 我新开一个浏览器,打开邀请链接。 第二个用户加入之后,可以看到第一个用户的所有操作。 第二个用户编写了一个简单的Hello World Java 程序。第一个用户同样可以看到第二个用户的操作。 第一个用户打开聊天窗口,给第二个用户发送了一条信息。 第二个用户收到了信息。 第一个用户修正了分号问题,第二个用户马上看到了改动。 第一个用户运行了程序,然后结束了会话。 Github仓库 今天的示例程序的代码可以从Github取得。 依赖 我们将使用Harp作为静态web服务器。Harp可以使用NPM安装。 npm install -g harp 开发TogetherJS应用 创建一个day26demo目录,在其中新建一个index.html文件,内容如下:

TryJava8 -- Free , Online Java 8 Code Editor

Write your Java 8 code online anywhere , anytime...

Run your Java 8 Code

Program Output


© Shekhar Gulati 2013

Made with love by Shekhar Gulati. Contact him at shekhargulati84@gmail.com.

 类似资料: