cnodechat聊天室设计及实现介绍 学习笔记

学习题目cnodechat聊天室设计及实现介绍

url     http://cnodejs.org/blog/?p=1074

简单介绍

cnodejs社区使用nodejs，结合http streaming服务器推送技术实现了下面这样一个小型的在线聊天室，我们取名为cnodechat。这里介绍一下我们聊天室的设计和实现，欢迎大家交流

http://cnodechat.cnodejs.net/    实例体验   

使用说明

1.输入框内直接输入信息，回车，是给所有人发送信息。
2.输入框内＠某个人，回车，是给某个人发送信息，例如给alice发送信息，则为@alice something。不要忘记在名字和输入的内容之间加入空格。另外，直接点击右侧某个人的名字，输入框会直接填充＠信息。

http streaming服务器推送技术   未解决该词条

long polling 

http streaming 保持数据通道的打开状态，客户端传递消息给服务器这是通过http请求

问题：

1、如何打开这个数据通道

2、如何保持这个通道

3、如何识别每个具体的用户

分析

启动浏览器server时，server会做

1、server会读取所有需要加载的静态文件，包括html,css,js,png,接收到http请求时将这些资源返回.

2、server初始化一个pipeClient对象   该对象用来管理所有与服务器连接的聊天成员的，提供一系列管理和操作的函数，包括往具体的用户推送数据，删除某个用户等

当一个用户连接到聊天室后，pipeClient对象会保存这个用户的 response对象，用于之后服务器推送数据。

3、server在初始化时加载需要的类库和定义获得http请求后的回调函数，

用户连入聊天室的大致过程就是上图这样。客户端会先请求聊天室代码，服务器端返回，客户端的js代码进行初始化设置并且发起join chat（加入聊天请求），服务器端设置新的聊天成员并将其信息保存在pipeclient中，然后将其他用户的信息返回给这个用户，over。

客户端会打开自己的数据通道，而服务器端则会保存这个用户的response对象用于服务器数据推

注意

除了最后推送其他聊天成员的信息时使用的是服务器推技术，因为已建立好对通道并且服务器获得了http写回对象，所有开始的通信都采用http请求

服务器端的return pages和set new vistor并非阻塞等待，return pages只是单独的返回页面

客户端 init objects, open streaming pipe和ask for joining动作都是服务器返回的js文件执行的，使用jquery包装的ajax方法

至于服务器对于不同的http请求为何会采取不同的动作以及采取什么动作，会在后面说明，看到这不明白的先不要着急

当用户输入聊天信息时，怎么和服务器通信呢？

别的用户又是如何看到信息的呢？看图

上图描述的web browser1发送消息给web browser2的过程。

1、browser1把消息和自己的信息组合成一个JSON对象推送给server ,

2、server获得之后解析JSON对象后获得这个消息的标志符，上例中得到的是“发送消息”这个标识符（标识符也有可能是改名字，用户离线等）。

3、然后获得其中需要发送消息的对象id,把id和内容发送给pipeclient,pipeclient根据维护的用户信息（response 对象），

然后使用response对象把数据通过管道推送给browser2,同样也退回给browser1,

代码

var  server = http.createServer();