在協(xié)同辦公的場景中漓拾,Mozilla 開源的together.JS提供了非常豐富的功能基礎(chǔ)阁最,稍加修改就能滿足我們的很多需求。
together.js
它提供的功能有:
- 分享光標(biāo)與點(diǎn)擊事件骇两;
- 共享畫板速种;
- 文本和語音聊天;
- 在線協(xié)同編輯低千;
- 視頻的同步播放配阵;
- 等等
https://github.com/mozilla/togetherjs
在Git上收割了5k多個Star,也說明了它具備的能力示血。但為什么這些年后棋傍,從我們的視野中越走越遠(yuǎn)了呢?在前端崛起的大環(huán)境下难审,我們又能用它做什么呢瘫拣?
1.1、運(yùn)行環(huán)境的準(zhǔn)備
所需環(huán)境比較簡單告喊,只需要nodejs即可麸拄。
https://nodejs.org/en/download/
注意一下版本號,我的運(yùn)行環(huán)境是:
node version
除此之外黔姜,記得抓TJS代碼拢切。
git clone git://github.com/mozilla/togetherjs.git
1.2、npm包安裝
在togetherjs目錄下執(zhí)行:
npm install
npm install -g grunt-cli
1.3秆吵、編譯
grunt build buildsite --no-hardlink
編譯成功淮椰,將出現(xiàn)如下內(nèi)容。
building
如果你得到上述結(jié)果帮毁,那恭喜你实苞,TJS的服務(wù)馬上就能啟動了豺撑。如果有編譯錯誤烈疚,先排查npm包的安裝情況。
運(yùn)行:
npm list
編譯失敗的原因很多是因為npm包不完整聪轿,如果有缺包情況爷肝,運(yùn)行如下命令:
npm install
npm update
npm list
環(huán)境安好了,編譯正常了陆错,接下來我們就可以啟動服務(wù)一探究竟灯抛。
1.4、啟動服務(wù)
運(yùn)行命令:
node devserver.js
node run
來瀏覽器中鍵入”http://localhost:8080/“音瓷,你將看到的是:
welcome to the togetherJS
恭喜你对嚼,從現(xiàn)在開始就可以領(lǐng)略TogetherJS給你帶來的協(xié)同世界了。