摘要：几个月前，我写过一个面向的在线编辑器。今天我将学习如何使用来给这个应用增加协作功能。支持最新版的和。会有确认框提示。第一个用户运行了程序，然后结束了会话。仓库今天的示例程序的代码可以从取得。依赖我们将使用作为静态服务器。

编者注：我们发现了有趣的系列文章《30天学习30种新技术》，正在翻译，一天一篇更新，年终礼包。下面是第 26 天的内容。

今天的《30天学习30种新技术》挑战，我打算学习一个源自Mozilla的很酷的JavaScript库——TogetherJS。几个月前，我写过一个面向Java 8的在线Java编辑器。今天我将学习如何使用TogetherJS来给这个应用增加协作功能。

TogetherJS是一个开源的HTML5 Javascript库，提供了用户间的即时协作功能。它同时通过WebRTC支持了多人间的文字、语音聊天功能。使用TogetherJS，多个用户可以在同一页面上交互，看到对方的光标位置，一起浏览和编辑一个站点。TogetherJS支持最新版的Firefox、Chrome和Safari。

Demo应用跑在OpenShift上：http://tryjava-t20.rhcloud.com/

点击“Start TogetherJS”按钮，开启新会话。会有确认框提示。

在点击“I"m Ready”前，用户可以修改自己的姓名和头像。

用户会收到一个链接，他可以把这个链接分享给其他用户。

我新开一个浏览器，打开邀请链接。

第二个用户加入之后，可以看到第一个用户的所有操作。

第二个用户编写了一个简单的Hello World Java 程序。第一个用户同样可以看到第二个用户的操作。

第一个用户打开聊天窗口，给第二个用户发送了一条信息。

第二个用户收到了信息。

第一个用户修正了分号问题，第二个用户马上看到了改动。

第一个用户运行了程序，然后结束了会话。

今天的示例程序的代码可以从Github取得。

我们将使用Harp作为静态web服务器。Harp可以使用NPM安装。

npm install -g harp

创建一个day26demo目录，在其中新建一个index.html文件，内容如下：

    

    

        
TryJava8 -- Free , Online Java 8 Code Editor
        
Write your Java 8 code online anywhere , anytime...

      

    


        

            

                
Run your Java 8 Code
                

                    

                        

                            
                        
                    
                    

                        

                            Run Code
                        
                    
                

            


            


                

                    
Program Output
                    

                

            

        

        


        

            
                     

                 

                                                                                                                    
                         GPU云服务器
                                             
                         云服务器
                                                                                                                                                 
                                      
                     
                    
                                                                                               让我们一起
                                                                                                           怎么让后端程序在云服务器跑起来
                                                                                                           让js函数只执行一次
                                                                                                           TogetherJS
                                                         
                 
               
              
             
               

                   
 文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
                 
                   
转载请注明本文地址：https://www.ucloud.cn/yun/87450.html
               
                      
               

                 
                                  
上一篇：Gulp.js：比 Grunt 更简单的自动化的项目构建利器
  
                                                
                                       
下一篇：四个实用但容易忽略的Chrome开发工具特性