posts - 311, comments - 0, trackbacks - 0, articles - 0
  C++博客 :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

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

客户端

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

   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打印出来,对比

image

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

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

image

你会发现,登陆和聊天时所在的服务器不一样,难怪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

疑问:虽然解决了这一问题,但是还是不明白如果不添加对chat的路由,即没有这行代码:

   1: app.route('chat', routeUtil.chat);

是怎么分配chat-server,是随机分配,还是自增分配?

还有就是这句代码是何时被调用的。

希望各位能够指点一下。