1. 程式人生 > >用CocosCreator和Pomelo編寫多人在線實時聊天室(一)----基礎知識和環境安裝

用CocosCreator和Pomelo編寫多人在線實時聊天室(一)----基礎知識和環境安裝

shu 以及 pan 信息 ast pre alt web 技術

客戶端:Cocos Creator 1.6.2
服務器端:Pomelo 2.2.5
源碼地址:https://github.com/foupwang/CocosCreatorChatForPomelo.git

本教程主要介紹怎麽使用CocosCreator和Pomelo實現一個多人在線實時聊天室,Pomelo相關代碼基於Pomelo官方提供的Chat範例(https://github.com/NetEase/pomelo/wiki/chat%E6%BA%90%E7%A0%81%E4%B8%8B%E8%BD%BD%E4%B8%8E%E5%AE%89%E8%A3%85)修改而成,Creator編輯器的客戶端UI相關代碼初始版本來自於:http://www.jianshu.com/p/c64f7607adee

本教程的Demo功能包括:
1、自定義服務器的IP、端口以及自己的用戶名和房間名;
2、同房間任意人聊天或廣播消息;
3、實時顯示同房間其它人的聊天、上線和下線狀態。

運行截圖如下:

技術分享

基礎知識和環境安裝:
一、先安裝服務器端。因為本Demo使用了Pomelo框架做為服務器,而Pomelo又使用了Node.js,所以先安裝Node.js吧。
1、安裝Node.js 說到Node.js,順便提一下JavaScript。在更早前,JavaScript雖然貴為世界上最流行的腳本語言,因為你所瀏覽的所有網頁裏都有它的存在。但長期以來,它主要應用和運行於瀏覽器端,即Web世界的前端,而後端基本是PHP、Perl等腳本語言的天下,很多後端開發人員因此鄙視JavaScript,覺得它也就只能做做網頁的互動效果而已。有大神看不下去了,便用C++編寫了Node.js,它最主要的目的就是讓JavaScript運行在後端,即脫離了瀏覽器的束縛,JavaScript從此一躍成為腳本語言世界的一等公民,堪與PHP、Perl、Python、Ruby平起平坐。因此說,Node.js不是一種獨立語言,也不是一個JavaScript框架,而是一個讓JavaScript可以運行在服務器端的開發平臺。Node.js最大特點就是異步操作,每個進程只有1個線程,通過事件觸發來執行代碼邏輯,特別適合於遊戲服務器等IO密集型應用。Node.js的安裝方法也非常簡單,各種平臺都能找到相應的安裝包或源碼安裝方法,這裏有個不錯的教程:https://github.com/nswbmw/N-blog/blob/master/book/1.1%20Node.js%20%E7%9A%84%E5%AE%89%E8%A3%85%E4%B8%8E%E4%BD%BF%E7%94%A8.md。順便說一下,我的Node.js版本是6.11.0。

2、安裝Pomelo

Pomelo是網易出的基於Node.js的開源遊戲服務器框架,支持高並發、 高可伸縮、分布式多進程。它包括基礎開發框架和一系列工具和庫,幫助服務器開發者省去了枯燥的重復開發和底層邏輯搭建,因此對於一般的遊戲服務器,我們基於它來開發,只用關註具體的遊戲邏輯即可,避免了重復造輪子。它繼承了Node.js的優點,安裝和使用都非常簡單,這是官方提供的方法:https://github.com/NetEase/pomelo/wiki/%E5%AE%89%E8%A3%85pomelo
3、下載本教程Demo源碼

在本機上合適目錄下(註意:目錄名不要帶有中文),使用Git客戶端或命令行:

$ git clone https://github.com/foupwang/CocosCreatorChatForPomelo.git
$ git checkout baseChat

4、安裝第三方依賴模塊

進入源碼的game-server目錄,輸入命令:npm install。註意看屏幕上的輸出,如果有出現Error提示,說明安裝可能出錯,應根據錯誤提示做相應處理。一般情況下不會出錯;
4、啟動服務器

在game-server目錄下輸入命令:pomelo start。接著會看到好多的LOG信息,如果沒有Error,則代表服務器啟動成功。服務器啟動後,會在本地127.0.0.1的3014端口監聽客戶端連接;

二、客戶端環境
客戶端環境非常簡單,只安裝CocosCreator即可。CocosCreator是Cocos官方最新推出的完整遊戲開發引擎,支持C++、Lua、JavaScript三種開發語言以及可視化的全功能編輯器,目前可運行在Mac和Windows下。
1、安裝Cocos Creator

官網:http://www.cocos.com/,安裝完成後,使用Creator打開game-client目錄。我的Creator版本是1.6.2;
2、運行

Demo啟動後會自動連接服務器,也可在Creator中,如下圖所示自定義服務器的IP、端口以及自己的用戶名和房間名;
技術分享


連接成功後,在窗口下方UI上會有連接成功的提示,接下來就可以開始愉快聊天了~

技術分享

用CocosCreator和Pomelo編寫多人在線實時聊天室(一)----基礎知識和環境安裝