ASP.NET SignalR 与LayIM配合，轻松实现网站客服聊天室（四） 添加表情、群聊功能

 node.list.on(‘click‘, ‘.xxim_childnode‘, function () {
            var othis = $(this);
            var type = othis.attr(‘type‘);
            //当前登录用户id
            var currentid = config.user.id;
            //取得被点击的用户id
            var receiveid = othis.data(‘id‘);
           
            //调用signalR封装的方法，连接服务器，将发送人id，接收人id传给后台，当前用户加入组
            /*新改，由于区分单个聊天和群组聊天，所以这里将type传进去*/
            csClient.server.ctoc(currentid, receiveid, type);
            //弹出聊天窗口
            xxim.popchatbox(othis);
            //初始化QQ表情
            $(‘.layim_addface‘).qqFace({
                id: ‘facebox‘, //表情盒子的ID
                assign: ‘layim_write‘, //给那个控件赋值
                path: ‘/scripts/qq/face/‘    //表情存放的路径
            });
        });

   function replace_em(str) {
            str = str.replace(/\</g, ‘&lt;‘);
            str = str.replace(/\>/g, ‘&gt;‘);
            str = str.replace(/\n/g, ‘<br/>‘);
            str = str.replace(/\[em_([0-9]*)\]/g, ‘<img src="/scripts/qq/face/$1.gif" border="0" />‘);
            return str;
        }

 //拼接html 直接调用layim里的代码
            log.imarea.append(log.html({
                time: result.addtime,
                name: result.fromuser.username,
                face: result.fromuser.photo,
                content: replace_em(result.msg)//如果有表情，需要将表情转换为图片
            }, type));

//此处皆为模拟
                var keys = xxim.nowchat.type + xxim.nowchat.id;
                var t = xxim.nowchat.type;//当前的聊天类型  one  group
                var id = xxim.nowchat.id;//当前的聊天对象，如果是我one，接收人就是id 如果是我群组，那么id为群组id
                //聊天模版
                node.imwrite.val(‘‘).focus();
                //这里增加singalR发送消息流程，目前先采用回调将自己的消息添加上去
                csClient.server.send(data.content, config.user.id, config.user.name, config.user.face, id, t);
                //这里需要删除所有其他处理聊天信息的代码，在singalR回调中处理

 /// <summary>
        /// 发送消息 ，服务器接收的是CSChatMessage实体，他包含发送人，接收人，消息内容等信息
        /// </summary>
        /// <param name="msg"></param>
        /// <returns></returns>
        public Task ClientSendMsgToClient(CSChatMessage msg)
        {
            var groupName = MessageUtils.GetGroupName(msg.fromuser.userid.ToString(), msg.touser.userid.ToString());
            /*
            中间处理一下消息直接转发给（A,B所在组织，即聊天窗口）
            */
            msg.other = new { t = MessageConfig.ClientTypeCTC };
            msg.msgtype = CSMessageType.Custom;//消息类型为普通消息
            return Clients.Group(groupName).receiveMessage(msg);
        }

        /// <summary>
        /// 发送消息 （群组），服务器接收的是CSChatMessage实体，他包含发送人，接收人，消息内容等信息
        /// </summary>
        /// <param name="msg"></param>
        /// <returns></returns>
        public Task ClientSendMsgToGroup(CSChatMessage msg)
        {
            //获取要推送的组织名称
            var groupName = MessageUtils.GetGroupName(msg.touser.userid.ToString());
            //附加信息，为群信息
            msg.other = new { t = MessageConfig.ClientTypeCTG };
            //普通信息类型
            msg.msgtype = CSMessageType.Custom;
            return Clients.Group(groupName).receiveMessage(msg);
        }

 //发送，增加最后一个参数t， one ，group 群聊还是单体聊天
            send: function (msg, userid, username, userphoto, rid, t) {
                var obj = {
                    msg: msg,
                    fromuser: {
                        userid: userid,
                        username: username,
                        photo: userphoto
                    },
                    touser: {
                        userid: rid
                    }
                };
                switch (t) {
                    case ‘one‘:
                        this.ctocsend(obj);
                        break;
                    case ‘group‘:
                        this.ctogsend(obj);
                        break;
                    default:
                        alert(‘无效的消息类型‘);
                }
            },
            //单独
            ctocsend: function (sendObj) {
                _this.proxy.proxyCS.server.clientSendMsgToClient(sendObj);
            },
            //群组
            ctogsend: function (sendObj) {
                _this.proxy.proxyCS.server.clientSendMsgToGroup(sendObj);
            },

　　　　　　　//接收人 result.other.t 是从后台将是否群组消息返回过来
            var keys = result.other.t + result.touser.userid;
            //发送人
            var keys1 = result.other.t + result.fromuser.userid;