摘要：幾個(gè)月前，我寫過一個(gè)面向的在線編輯器。今天我將學(xué)習(xí)如何使用來給這個(gè)應(yīng)用增加協(xié)作功能。支持最新版的和。會(huì)有確認(rèn)框提示。第一個(gè)用戶運(yùn)行了程序，然后結(jié)束了會(huì)話。倉庫今天的示例程序的代碼可以從取得。依賴我們將使用作為靜態(tài)服務(wù)器。

編者注：我們發(fā)現(xiàn)了有趣的系列文章《30天學(xué)習(xí)30種新技術(shù)》，正在翻譯，一天一篇更新，年終禮包。下面是第 26 天的內(nèi)容。

今天的《30天學(xué)習(xí)30種新技術(shù)》挑戰(zhàn)，我打算學(xué)習(xí)一個(gè)源自Mozilla的很酷的JavaScript庫——TogetherJS。幾個(gè)月前，我寫過一個(gè)面向Java 8的在線Java編輯器。今天我將學(xué)習(xí)如何使用TogetherJS來給這個(gè)應(yīng)用增加協(xié)作功能。

TogetherJS是一個(gè)開源的HTML5 Javascript庫，提供了用戶間的即時(shí)協(xié)作功能。它同時(shí)通過WebRTC支持了多人間的文字、語音聊天功能。使用TogetherJS，多個(gè)用戶可以在同一頁面上交互，看到對方的光標(biāo)位置，一起瀏覽和編輯一個(gè)站點(diǎn)。TogetherJS支持最新版的Firefox、Chrome和Safari。

Demo應(yīng)用跑在OpenShift上：http://tryjava-t20.rhcloud.com/

點(diǎn)擊“Start TogetherJS”按鈕，開啟新會(huì)話。會(huì)有確認(rèn)框提示。

在點(diǎn)擊“I"m Ready”前，用戶可以修改自己的姓名和頭像。

用戶會(huì)收到一個(gè)鏈接，他可以把這個(gè)鏈接分享給其他用戶。

我新開一個(gè)瀏覽器，打開邀請鏈接。

第二個(gè)用戶加入之后，可以看到第一個(gè)用戶的所有操作。

第二個(gè)用戶編寫了一個(gè)簡單的Hello World Java 程序。第一個(gè)用戶同樣可以看到第二個(gè)用戶的操作。

第一個(gè)用戶打開聊天窗口，給第二個(gè)用戶發(fā)送了一條信息。

第二個(gè)用戶收到了信息。

第一個(gè)用戶修正了分號問題，第二個(gè)用戶馬上看到了改動(dòng)。

第一個(gè)用戶運(yùn)行了程序，然后結(jié)束了會(huì)話。

今天的示例程序的代碼可以從Github取得。

我們將使用Harp作為靜態(tài)web服務(wù)器。Harp可以使用NPM安裝。

npm install -g harp

創(chuàng)建一個(gè)day26demo目錄，在其中新建一個(gè)index.html文件，內(nèi)容如下：

    

    

        
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云服務(wù)器
                                             
                         云服務(wù)器
                                                                                                                                                 
                                      
                     
                    
                                                                                               讓我們一起
                                                                                                           怎么讓后端程序在云服務(wù)器跑起來
                                                                                                           讓js函數(shù)只執(zhí)行一次
                                                                                                           TogetherJS
                                                         
                 
               
              
             
               

                   
 文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
                 
                   
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/87450.html
               
                      
               

                 
                                  
上一篇：Gulp.js：比 Grunt 更簡單的自動(dòng)化的項(xiàng)目構(gòu)建利器
  
                                                
                                       
下一篇：四個(gè)實(shí)用但容易忽略的Chrome開發(fā)工具特性