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

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