comet
2009-09-17 22:33
330 查看
关于浏览器收不到tomcat comet数据的分析
最近有一个基于web的通讯项目。经研究comet是很适合的技术，可以满足新项目的要求，对比了tomcat、jetty和glassfish决定还是使用常见的tomcat来进行测试和生产部署。tomcat的comet并不复杂，先用tomcat网站上的例子进行测试。
客户端接收代码：
function callback() //回调函数，对服务端的响应处理，监视response状态
{
if(req.readystate==4) //请求状态为4表示成功
{
if(req.status==200) //http状态200表示OK
{
//所有状态成功，执行此函数，显示数据
}
}
}
结果。。。。。没成功！！！
用IE或FF（firefox）连接发送信息，接收数据的的IE或FF并没有任何数据显示出来。于是用sinffer录了一下网络包，发现数据其实已经从tomcat推下来了，也就是浏览器已经接受到了数据。为什么浏览器没有显示呢？。。。
先研究一下tomcat推下来数据吧，tomcat使用chunked编码方式来进行报文体的传输。chunked编码是HTTP/1.1 RFC里定义的一种编码方式，因此所有的HTTP/1.1应用都应当支持此方式。
chunked编码的基本方法是将大块数据分解成多块小数据，每块都可以自指定长度，其具体格式如下（BNF文法）:
Chunked-Body = *chunk //0至多个chunk
last-chunk //最后一个chunk
trailer //尾部
CRLF //结束标记符
chunk = chunk-size [ chunk-extension ] CRLF
chunk-data CRLF
chunk-size = 1*HEX
last-chunk = 1*("0") [ chunk-extension ] CRLF
chunk-extension= *( ";" chunk-ext-name [ "=" chunk-ext-val ] )
chunk-ext-name = token
chunk-ext-val = token | quoted-string
chunk-data = chunk-size(OCTET)
trailer = *(entity-header CRLF)
也就是当用chunked的返回数据时，最后需要有一个长度为0的数据包表明数据结束。而恰恰是comet的stream工作机制导致tomcat没有发送最后一个结束包给浏览器，浏览器认为数据没有接收完一直在等待，直到接收到最后一个包或者socket断开连接。
知道了原因开始想解决办法。
首先想的是从服务器端解决。如果手动发一个chunked结束包不久可以了？后来发现发了结束包浏览器就会断开连接，要想服务器可以继续推数据只能重新建立连接，stream成long polling了。
服务器不行就从客户端想办法，既然IE认为数据没有接受全所以不会出发readystate==4这个状态，那我们用状态3可不可以呢？也就是改代码为：
function callback() //回调函数，对服务端的响应处理，监视response状态
{
if(req.readystate==3) //请求状态为4表示成功
{
if(req.status==200) //http状态200表示OK
{
//所有状态成功，执行此函数，显示数据
}
}
}
结果是firefox可以正常运行，IE还是不行提示“数据没有准备好“。看来FF和IE存在差别，经查资料FF是基于Gecko引擎的，IE 则是基于Trident的。基于Gecko引擎的浏览器都可以很好的处理这种情况。这种方法不能使用，毕竟IE占据了绝大部分的浏览器市场。而且opera、safari等其他浏览器对这个的支持也都不同。
经过几天的研究又回到了很老的iframe解决办法上，通过iframe tomcat和IE能够正常的工作了（FF还是有问题，数据回来到现实有延迟。由于我们的客户端都是IE所以这点也可以接受了）。最后就剩下一个小问题，IE上的加载图标不停老在那里转。。。。。
经过搜索使用天才google工程师的解决办法，成功解决大功告成！
以下是google的代码：
<script type="text/javascript">
var comet = {
connection : false,
iframediv : false,
initialize: function() {
var userAgent = navigator.userAgent.toLowerCase();
//alert(userAgent)
if (/msie/.test(userAgent) && !/opera/.test(userAgent)) {
// For IE browsers
comet.connection = new ActiveXObject("htmlfile");
comet.connection.open();
comet.connection.write("<html>");
comet.connection.write("<script>document.domain = '"+document.domain+"';<//script> ");
comet.connection.write("</html>");
comet.connection.close();
comet.iframediv = comet.connection.createElement("div");
comet.connection.appendChild(comet.iframediv);
comet.connection.parentWindow.comet = comet;
comet.iframediv.innerHTML = "<iframe id='comet_iframe' src='./Demo'></iframe>";
}
if( /mozilla/.test(userAgent) && !/(compatible|webkit)/.test(userAgent) ) {
// For Firefox browser
comet.connection = document.createElement('iframe');
comet.connection.setAttribute('id','comet_iframe');
with (comet.connection.style) {
left = top = "-100px";
height = width = "1px";
visibility = "hidden";
display = 'none';
}
comet.iframediv = document.createElement('iframe');
comet.iframediv.setAttribute('src', './Demo');
comet.connection.appendChild(comet.iframediv);
document.body.appendChild(comet.connection);
}
if (/webkit/.test(userAgent) || /opera/.test(userAgent)) {
// for other browsers
comet.connection = document.createElement('iframe');
comet.connection.setAttribute('id', 'comet_iframe');
comet.connection.setAttribute('src', './Demo');
with (comet.connection.style) {
position = "absolute";
left = top = "-100px";
height = width = "1px";
visibility = "hidden";
}
document.body.appendChild(comet.connection);
}
},
// this function will be called from backend.jsp
printServerTime: function (time) {
$('abc').innerHTML = time;
},
onUnload: function() {
if (comet.connection) {
comet.connection = false; // release the iframe to prevent problems with IE when reloading the page
}
}
}
Event.observe(window,'load',comet.initialize);
Event.observe(window, 'unload', comet.onUnload);
</script>
总结一下，只能说现在的浏览器差别很大，想用一套代码适应所有的浏览器几乎是不可能。所以我觉，
一、为不同的浏览器定制不同的客户代码
二、是用long polling方式开发，可以达到代码基本一致
有什么不对的欢迎讨论，有啥好的经验也欢迎交流：）
最近有一个基于web的通讯项目。经研究comet是很适合的技术，可以满足新项目的要求，对比了tomcat、jetty和glassfish决定还是使用常见的tomcat来进行测试和生产部署。tomcat的comet并不复杂，先用tomcat网站上的例子进行测试。
客户端接收代码：
function callback() //回调函数，对服务端的响应处理，监视response状态
{
if(req.readystate==4) //请求状态为4表示成功
{
if(req.status==200) //http状态200表示OK
{
//所有状态成功，执行此函数，显示数据
}
}
}
结果。。。。。没成功！！！
用IE或FF（firefox）连接发送信息，接收数据的的IE或FF并没有任何数据显示出来。于是用sinffer录了一下网络包，发现数据其实已经从tomcat推下来了，也就是浏览器已经接受到了数据。为什么浏览器没有显示呢？。。。
先研究一下tomcat推下来数据吧，tomcat使用chunked编码方式来进行报文体的传输。chunked编码是HTTP/1.1 RFC里定义的一种编码方式，因此所有的HTTP/1.1应用都应当支持此方式。
chunked编码的基本方法是将大块数据分解成多块小数据，每块都可以自指定长度，其具体格式如下（BNF文法）:
Chunked-Body = *chunk //0至多个chunk
last-chunk //最后一个chunk
trailer //尾部
CRLF //结束标记符
chunk = chunk-size [ chunk-extension ] CRLF
chunk-data CRLF
chunk-size = 1*HEX
last-chunk = 1*("0") [ chunk-extension ] CRLF
chunk-extension= *( ";" chunk-ext-name [ "=" chunk-ext-val ] )
chunk-ext-name = token
chunk-ext-val = token | quoted-string
chunk-data = chunk-size(OCTET)
trailer = *(entity-header CRLF)
也就是当用chunked的返回数据时，最后需要有一个长度为0的数据包表明数据结束。而恰恰是comet的stream工作机制导致tomcat没有发送最后一个结束包给浏览器，浏览器认为数据没有接收完一直在等待，直到接收到最后一个包或者socket断开连接。
知道了原因开始想解决办法。
首先想的是从服务器端解决。如果手动发一个chunked结束包不久可以了？后来发现发了结束包浏览器就会断开连接，要想服务器可以继续推数据只能重新建立连接，stream成long polling了。
服务器不行就从客户端想办法，既然IE认为数据没有接受全所以不会出发readystate==4这个状态，那我们用状态3可不可以呢？也就是改代码为：
function callback() //回调函数，对服务端的响应处理，监视response状态
{
if(req.readystate==3) //请求状态为4表示成功
{
if(req.status==200) //http状态200表示OK
{
//所有状态成功，执行此函数，显示数据
}
}
}
结果是firefox可以正常运行，IE还是不行提示“数据没有准备好“。看来FF和IE存在差别，经查资料FF是基于Gecko引擎的，IE 则是基于Trident的。基于Gecko引擎的浏览器都可以很好的处理这种情况。这种方法不能使用，毕竟IE占据了绝大部分的浏览器市场。而且opera、safari等其他浏览器对这个的支持也都不同。
经过几天的研究又回到了很老的iframe解决办法上，通过iframe tomcat和IE能够正常的工作了（FF还是有问题，数据回来到现实有延迟。由于我们的客户端都是IE所以这点也可以接受了）。最后就剩下一个小问题，IE上的加载图标不停老在那里转。。。。。
经过搜索使用天才google工程师的解决办法，成功解决大功告成！
以下是google的代码：
<script type="text/javascript">
var comet = {
connection : false,
iframediv : false,
initialize: function() {
var userAgent = navigator.userAgent.toLowerCase();
//alert(userAgent)
if (/msie/.test(userAgent) && !/opera/.test(userAgent)) {
// For IE browsers
comet.connection = new ActiveXObject("htmlfile");
comet.connection.open();
comet.connection.write("<html>");
comet.connection.write("<script>document.domain = '"+document.domain+"';<//script> ");
comet.connection.write("</html>");
comet.connection.close();
comet.iframediv = comet.connection.createElement("div");
comet.connection.appendChild(comet.iframediv);
comet.connection.parentWindow.comet = comet;
comet.iframediv.innerHTML = "<iframe id='comet_iframe' src='./Demo'></iframe>";
}
if( /mozilla/.test(userAgent) && !/(compatible|webkit)/.test(userAgent) ) {
// For Firefox browser
comet.connection = document.createElement('iframe');
comet.connection.setAttribute('id','comet_iframe');
with (comet.connection.style) {
left = top = "-100px";
height = width = "1px";
visibility = "hidden";
display = 'none';
}
comet.iframediv = document.createElement('iframe');
comet.iframediv.setAttribute('src', './Demo');
comet.connection.appendChild(comet.iframediv);
document.body.appendChild(comet.connection);
}
if (/webkit/.test(userAgent) || /opera/.test(userAgent)) {
// for other browsers
comet.connection = document.createElement('iframe');
comet.connection.setAttribute('id', 'comet_iframe');
comet.connection.setAttribute('src', './Demo');
with (comet.connection.style) {
position = "absolute";
left = top = "-100px";
height = width = "1px";
visibility = "hidden";
}
document.body.appendChild(comet.connection);
}
},
// this function will be called from backend.jsp
printServerTime: function (time) {
$('abc').innerHTML = time;
},
onUnload: function() {
if (comet.connection) {
comet.connection = false; // release the iframe to prevent problems with IE when reloading the page
}
}
}
Event.observe(window,'load',comet.initialize);
Event.observe(window, 'unload', comet.onUnload);
</script>
总结一下，只能说现在的浏览器差别很大，想用一套代码适应所有的浏览器几乎是不可能。所以我觉，
一、为不同的浏览器定制不同的客户代码
二、是用long polling方式开发，可以达到代码基本一致
有什么不对的欢迎讨论，有啥好的经验也欢迎交流：）
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Comet: Low Latency Data for the Browser
- comet.exe
- 使用 .NET 实现 Ajax 长连接 (Part 1 - Comet Web Service)
- The Future of Comet: Part 1, Comet Today
- comet: 服务器推模式通讯
- Comet：基于 HTTP 长连接的“服务器推”技术
- 用Mochiweb构建一个容纳百万级用户量的Comet应用程序(Part 2)
- 用Mochiweb打造百万级Comet应用，第三部分 （待续）
- Ajax、Comet、HTML 5 Web Sockets
- Ajax轮询以及Comet模式—写在Servlet 3.0发布之前
- Comet：基于 HTTP 长连接的“服务器推”技术
- Web应用服务器推送技术Comet
- Comet：基于 HTTP 长连接的“服务器推”技术
- Comet技术应用
- Comet:Jquery+asp.net实现http长连接(LongPoll)
- Comet服务器设计方案
- 开发分布式WebIm--3（Comet模型）
- Pixysoft.Framework.Comet enterprise edition 开发实录
- Comet：基于 HTTP 长连接的“服务器推”技术(轮询)
- [instant message]用asp.net+ jquery实现comet即时消息机制 ----转载woody.wu