chatofpomelo简析之二——聊天

转载自： http://youngcold.blog.51cto.com/6366865/1241795

 

chatofpomelo简析之二——聊天

 

上一篇ChatofPomelo简析之一——用户登录分析客户端登陆的过程。当用户登陆成功后，聊天又是个什么过程呢？下面就来分析聊天时，客户端与服务器端的交互过程。

客户端

我们先来看看下，聊天发送消息的过程。当用户在文本框内输入文字，并回车就可以发送消息了

   1: $("#entry").keypress(function (e) {

   2:var route = "chat.chatHandler.send";

   3:var target = $("#usersList").val();

   4:if (e.keyCode != 13 /* Return */) return;

   5:var msg = $("#entry").attr("value").replace("\n", "");

   6:if (!util.isBlank(msg)) {

   7:             pomelo.request(route, {//route = "chat.chatHandler.send"

   8:                 rid: rid,

   9:                 content: msg,

  10:                 from: username,

  11:                 target: target

  12:             }, function (data) {

  13:                 $("#entry").attr("value", ""); // clear the entry field.

  14:if (target != '*' && target != username) {

  15:                     addMessage(username, target, msg);

  16:                     $("#chatHistory").show();

  17:                 }

  18:             });

  19:         }

  20:     });

#1：entry就是聊天文本框的id了，当焦点在entry(就用id来代表控件了)，每次按下键盘都会触发keypress()方法，方法接受一个事件e

#2：route，决定客户端向服务器端的哪个方法发送请求。

#3：target，entry的上方有个名为users的下拉框，target就是下拉框的值了，决定用户向谁发送消息。

#4-#5：对输入的字符判断，如果不是回车就返回，如果是回车就将entry中的换行符替换成空字符串

#6：util是client.js定义的一个对象，里面包含了一些对字符的处理方法，其中isBlank()是判断字符串是否是空字符串

#7：如果不是空字符串，就将这条消息发送给服务器，route就是#2所定义的服务器的处理方法 chat.chatHandelr.send

#8-#11：客户端将用户所在的channel，发送的消息了，用户名以及发送消息的对象封装成对象，发送给服务器

 

 

 

#12：定义回调函数，处理服务器返回的结果对象data

#13：清空entry

#14：根据发送的对象判断是否将发送的添加到聊天记录中

#15：在聊天记录(id=chatHistory)显示

 

服务器端

接下来，在看服务器端收到客户端发送的请求是怎么处理的。打开chatofpomelo\game-server\app\servers\chat\handler\chatHandler.js

找到handler.send

   1: handler.send = function(msg, session, next) {

   2:var rid = session.get('rid');

   3:var username = session.uid.split('*')[0];

   4:var channelService = this.app.get('channelService');

   5:var param = {

   6:         route: 'onChat',

   7:         msg: msg.content,

   8:         from: username,

   9:         target: msg.target

  10:     };

  11:     channel = channelService.getChannel(rid, false);

  12:

  13://the target is all users

  14:if(msg.target == '*') {

  15:         channel.pushMessage(param);

  16:     }

  17://the target is specific user

  18:else {

  19:var tuid = msg.target + '*' + rid;

  20:var tsid = channel.getMember(tuid)['sid'];

  21:         channelService.pushMessageByUids(param, [{

  22:             uid: tuid,

  23:             sid: tsid

  24:         }]);

  25:     }

  26:     next(null, {

  27:         route: msg.route

  28:     });

  29: };

#1：解释下参数 msg就是客户端发送的对象，session就是服务器端与当前用户的会话，next相当于把结果发送给客户端 PS:next的真正功能我也描述不清，还请各位指点。

#2-#3： 从session中取得roomID(rid)和用户名usernmae，chatofpomelo\game-server\app\servers \connector\handler\entryHandler.js的enter()方法有对于session的设置

#4：获取ChannelService(管理Channel)

#5-#10：把发送的信息，用户名和发送信息的对象以及route。这里的route：onChat由服务器端定义的，客户端监听。每个客户端都会监听onXXX事件，监听服务器发送的消息。这样用户发送的消息才能由服务器发送给其他用户。

#11：根据用户发送的rid，获取对应的channel

#14-#25：判断发送对象，是广播还是发送给特定用户。

#26-28：将结果返回给客户端

其实，分析这么多代码，前面我写的很详细，后面就写的简略了。分析完后可以发现，其实交互部分情况类似，只要弄懂了其中一部分，其余的也就好懂了。

PS：到此，这个demo的雏形就完成了，本来到这结束了……确实，如果你的servers.json里只有一个chat服务器，那么一切流程都可正常运行。但是，如果不只一个chat服务器，那肯定会遇到问题的，是不是信息发不出去，在看服务器端，报错了！！

是不是channel为undefined？看上面的第11行

   1: channel = channelService.getChannel(rid, false);

很抱歉，channelService里并没有channel，你一定很奇怪，当用户登录时，不是创建了channel了吗，怎么会没有呢？

为了验证，我把add和send时的app打印出来，对比

发现确实创建的channel没有了，到底是怎么回事？

再比较，就会发现还有一个不同之处。

你会发现，登陆和聊天时所在的服务器不一样，难怪channel消失。

其 实，聊天和登陆一样，用户在发送消息时，看上面客户端代码的第8行和第10行，会发现客户端不只会发送消息，还会把用户名username和rid同时发 送给服务器端。服务器端会根据username和rid，实际上只有rid，判断该用户是位于哪台chat-server上，这就是为什么game- server/app.js会有这几行代码

   1: app.configure('production|development', function () {

   2:// route configures

   3:     app.route('chat', routeUtil.chat);//routes的chat属性对应routeUtil.chat()方法 

   4:     app.filter(pomelo.timeout());

   5: });

#2：当服务器类型是chat，就会把路由到routeUtil.chat方法。

然后在进入该方法，看看是怎么判断用户属于哪个路由器的。

   1: exp.chat = function(session, msg, app, cb) {

   2:

   3:     console.log("uid = " + session.uid + " rid = " + session.get("rid"));

   4:var chatServers = app.getServersByType('chat');//根据类型 获取服务器列表

   5:

   6:if(!chatServers || chatServers.length === 0) {//如果服务器列表不存在或为空，则调用回调函数cb，将错误传给该回调

   7:         cb(new Error('can not find chat servers.'));

   8:return;

   9:     }

  10:

  11:var res = dispatcher.dispatch(session.get('rid'), chatServers);//通过rid获得具体的chat服务器

  12:     console.log("chat服务器：" + res.id);

  13:     cb(null, res.id);

  14: };

#11： 之前的代码，相信大家都明白了。我们直接看11行代码，是不是很眼熟？dispatcher好像见过！还记得之前客户端连接gate服务器，然后由 gate服务器分配connector服务器，再返回其host和clientPort吗？不错，这里同样是调用该方法，只不过connectors改成 了chatServers。这样根据传入的rid，就可判断用户当初登陆的那个chat-server，这样也就能找到对应的channel