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,monospace; overflow:auto; width:702px; border-style:none"> 11:                 target: target

 12:             },255)">function (data) {

 13:                 $("value",128)">""); // 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) {

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

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

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

var param = {

  6:         route: 'onChat',96)">  7:         msg: msg.content,96)">  8:         from: username,96)">  9:         target: msg.target

 10:     };

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

 12:

 13://the target is all users

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,monospace; overflow:auto; width:702px; border-style:none"> 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',255); font-size:14px">function () {

  2:// route configures

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

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

  5: });