搭建Ubuntu下的Node.js和Pomelo開發環境（三）—— 聊天室例程及Cocos Creator客戶端

前言：

上一篇我們成功地運行了一個最簡單的測試工程，其實就是HelloWorld工程了。這一篇我們要裝一個pomelo教程中提到的聊天室chatforpomelo工程進行深入學習，同時，不只用官方的web-server來測試，還要用我們的cocos creator客戶端來進行測試。

1.安裝chatofpomelo：

詳細內容參考教程：Chat源碼下載與安裝

cd ~/prog
git clone https://github.com/cynron/chatofpomelo-websocket.git

下面，我們不能完全跟着教程走，因爲現在的版本新了很多。先修改一下服務端game-server裏面的package.json，將裏面的pomelo: "0.8.0"改爲現在的版本2.2.5。然後順手改一下app.js，打開發現已經改過了：app = express()；那爲什麼創建新工程的模板不修改一下呢？

然後回到chatofpomelo-websocket的根目錄，運行：
sh npm-install.sh
配置成功後，按慣例下game-server目錄運行pomelo start，下web-server目錄運行node app

然後，打開瀏覽器，輸入http://127.0.0.1:3001/index.html
輸入與用戶名和通道號就進入聊天室了。

測試發現，聊天室在用戶退出後，會報錯：

[ERROR] pomelo-rpc - [mqtt-mailbox] rpc connector-server-1 callback timeout 30000, remote server 6 host: 127.0.0.1, port: 6050

後面還有幾個錯，都是從這個callback timeout衍生的問題。官方論壇查一下，貌似更新2.2.x後，很多人都碰到各種callback timeout的錯，羣裏問了一下，說是以前程序寫得不嚴密，callback爲null沒有問題，但是現在就會報錯。

將pomelo版本回退到1.2.3是可以考慮的一個選擇，但是這樣，最好將node版本降到4.x版本，否則又會有其他不兼容的問題。

我們嘗試修改一下服務端的connector/handler/entryHandler.js，將其中的onUserLeave函數修改爲：

var onUserLeave = function(app, session) {
    if(!session || !session.uid) {
        return;
    }

    app.rpc.chat.chatRemote.kick(session, session.uid, app.get('serverId'), session.get('rid'), function(){
        console.log("====== kick callback over! ======");
    });
};

也就是在kick的最後加了一個回調函數。然後，修改chat/remote/chatRemote.js，將最後的kick函數修改爲：

ChatRemote.prototype.kick = function(uid, sid, name,cb) {
    var channel = this.channelService.getChannel(name, false)
    // leave channel
    if( !! channel) {
        channel.leave(uid, sid);
    }
    var username = uid.split('*')[0];
    var param = {
        route: 'onLeave',
        user: username
    };
    channel.pushMessage(param);
    cb();
};

就是在函數入口增加一個cb的參數，函數最後加上cb()來回調。

最後開啓聊天室測試，一切正常。其實我也不知道爲什麼這麼改，靠摸索測試來的，反正就是加上回掉，加上回調，加上回調。重要的事情說三遍。

2. 安裝Cocos Creator客戶端

參考：http://www.jianshu.com/p/c64f7607adee
感謝作者提供的庫文件以及其他所有的貢獻。在windows機器上（Creator不支持linux， sigh！），進入作者的github主頁，下載源碼放到CocosCreator工程目錄下。

作者用的creator爲1.1版本，在1.3版本以前這個庫貌似都能正常運行，但是creator升級1.4以後，會報各種錯啊，仔細看了一下，作者源碼大概需要做一下修改：

1. pomelo-client中第5行，將var Protocol = window.Protocol修改爲:

var Proctocol = require("protocol");

2. protobuf.js第37行：修改爲：

})(typeof(window) == "undefined" ? module.exports :{}, this);

就是將{this.protobuf = {}}，修改爲{}。原來的用法貌似有語法錯誤。

3. protocol.js最後，第350行，修改爲：

})(typeof(window)=="undefined" ? module.exports : {}, typeof(window)=="undefined" ? Buffer : Uint8Array, this);

還是跟第二個修改一樣的問題。

如此，pomelo客戶端就完全正常了，連警告都沒有。

Linux機器上將服務端啓動起來，windows機器運行Creator客戶端：

cccPomeloClient.png

點join加入房間，一切正常，可以和web的客戶端正常聊天。
後續我們即將在這個聊天室基礎上，不斷學習和實踐，構築類似我們正式需求的服務端。

作者：夜雨歸人
鏈接：https://www.jianshu.com/p/42ec9893389a
來源：簡書
簡書著作權歸作者所有，任何形式的轉載都請聯繫作者獲得授權並註明出處。