基于ExtJS及Pushlet实现Web即时交流.pdfVIP

第9卷 第2期 软 件 导 刊 VO1．9NO．2 2010年 2月 SoftwareGuide Feb．2010 基于ExtJS及 Pushlet实现Web即时交流 雷 镭 ．陈 俊 (西南交通大学 软件学院，四川 成都 610031) 摘 要 ：Pushlet技术提供 了服务器和客户端即时快捷地交换数据的功能。而ExtJS技 术实现的浏览器客户端能提供 更加好 的用户体验效果 。即时交流的过程包括 了进入交流、进行 交流、退 出交流这三个步骤 ，客户端都需要多次进行 发布、订阅操作 ，其中个人交流和群组交流在第一个步骤上有所区别 关键词 ：ExtJS；Pushlet；即时交流 中图分类号 ：TP393．01 文献标识码 ：A 文章编号 ：1672—7800(2010)02—0l18—03 务器端将主题所产生 的数据变化分发到所有订 阅当前主题 的 0 引言 客户端 ，所有订 阅同一主题 的客户端之间都能共享数据 。 Pushlet提供 了基于 iframe的JavaScript库文件用于实现 目前，由于Web通信的机制 问题 ，即时交流大多基于轮询 流方式的 “服务器推”，还提供 了基于 Ajax的JavaScript库文件 (polling)的方式来实现的 ，也 就是说通过设置一个刷新 时间， 用于实现长轮询方式的 “拉”(pul1)。这两种方式都是通过阻塞 定时向服务器发出请求获取数据 ，然后在刷新页面的一个固定 的方法来读取事件．如果超时，会给客户端发送一个没有新信 iframe区域显示数据。这种方式的实时性与效率是成反 比的。 息收到的 “heartbeat”事件，如果是 “拉”模式，会把 “heartbeat”与 针对这种情况．有了一些改进方式，即在服务器和浏览器之间 “ refresh”事件一起传给客户端 ，通知客户端重新发出请求 、建 维持一个连接，称之为长连接。在这个过程中浏览器客户端可 立连接。 以通过长连接向服务器发送数据 ，服务器所产生的数据变化也 1．3 ExtJS与 Pushlet在本文 中的应用 可 以反映到客户端 。 在本文中，将着重利用到 ExtJS的store、grid、window、pan el、tree、fomr 等控件建立 即时交流应用 的浏览器客户端 。同时 ， 1 技术概述 为了与ExtJS的Ajax请求方式相结合 ．采用Pushlet的基于A． 1．1 ExtJS jax的 “拉 ”方式 。 ExtJS是一个基于JavaScript，采用 OOP的设计思想建立的 为了解决 中文消息传递的乱码 问题 ．需要