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：将结果返回给客户端

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