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

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

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

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

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

點擊“Start TogetherJS”按鈕，開啟新會話。會有確認框提示。

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

用戶會收到一個鏈接，他可以把這個鏈接分享給其他用戶。

我新開一個瀏覽器，打開邀請鏈接。

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

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

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

第二個用戶收到了信息。

第一個用戶修正了分號問題，第二個用戶馬上看到了改動。

第一個用戶運行了程序，然后結(jié)束了會話。

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

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

npm install -g harp

創(chuàng)建一個day26demo目錄，在其中新建一個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云服務器
                                             
                         云服務器
                                                                                                                                                 
                                      
                     
                    
                                                                                               讓我們一起
                                                                                                           怎么讓后端程序在云服務器跑起來
                                                                                                           讓js函數(shù)只執(zhí)行一次
                                                                                                           TogetherJS
                                                         
                 
               
              
             
               

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

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