cometd的js端代码
一:js端使用方式
CometD JavaScript的配置。整个API可以通过一个单一的原型名为org.cometd.Cometd的对象来调用。Dojo工具包中有一个名称为dojox.cometd的对象实例来调用,而jQuery则是用$.cometd。默认的cometd对象已经被实例化并配置了默认值,但是还没有开始任何Bayeux通信。在它可以启动任何Bayeux通信之前,它需要一个强制性参数:Bayeux服务器的URL
===================================================
第一步 :初始化cometd配置,
$.cometd.configure({
url: cometdURL,
logLevel: 'debug'
});
此URL有两种配置方式:
===================================================
一:通过 URL string
cometd.configure('http://localhost:8080/cometd');
二:通过配置对象的方式:
cometd.configure({
url: 'http://localhost:8080/cometd'
});
通过第二种方式配置cometd时,对象属性如下图所示:
===================================================
第二步:调用 $.cometd.handshake()方法,与服务器通讯握手
===================================================
调用configure后,并没有启动Bayeux Communication,需要手动调用comted.handshake()进行通讯握手,通讯握手做了两件事情:
1.客户端与服务器协定通讯协议类型
2.通讯协议类型达成一致后,服务端通知客户端详细的请求时间
该方法是一个异步方法,在通讯握手完成后会立即返回,但是handshake返回后并不代表连接已经建立,通讯握手失败原因可能有如下几个:
1.输错了访问的URL
2.客户端与服务器没有交换成功通讯协议
3.服务器拒绝通讯握手,例如:证书认证失败等
4.服务器down掉
5.网络传输失败
另外:cometd提供init()方法,集成了configure和handshake方法
由于handshake是异步的方法,你无法获知连接是否建立成功,即使建立成功,客户端也有可能被中断,例如服务器down机等原因。cometd提供了监听机制,用来监听连接等特殊通道的状态
===================================================
第三步:订阅消息通道Channels,建立监听
subscribe 订阅普通通道消息、service通道消息
addListener 监听meta channels消息
===================================================
Bayeux 对Channels定义为:Channels类似于一个消息主题,有兴趣的人可以订阅该消息通道,并接收消息通道发布过来的消息。
Channels有三种:
1.meta channels(元数据channel,所有此种channel都以/meta开头)
2.service channels(服务channel,所有此种channel都以/service开头)
3.normal channels(普通channel)
每个channel类似于一个目录的路径,例如/meta/connect
&& meta channels
meta channels是由Bayeux 协议自身建立的,开发时不能subscribe一个meta channel,否则服务器回响应错误的信息,但是你可以在meta channel上建立一个监听 ,
向一个meta channels发送消息是毫无意义的,只有Bayeux协议创建并在meta channel上面传输信息
meta channels通常用在客户端监听错误信息上,例如:通讯握手错误,网络连接错误等。
&& service channels
service channels 通常用在服务端与客户端request/response通讯模式下。
当订阅服务通道并且没有得到错误的响应时,此时服务端未处理任何操作,并且忽略了订阅请求。
你可以使用一个服务器与客户端之间特定的语义,将消息发布到service channels。
service channels通常用来实现私聊。
&& normal channels
普通channels通常建立一个消息主题,并使用在publish/subscribe通讯模式下。你可以在普通channel上进行订阅及消息发布。
普通channel通常用来向所有订阅的客户端发送主题消息,例如当股票价格发生波动的时候。
JavaScript的API提供两种API来让频道订阅工作,即
addListener()和removeListener()
subscribe()和unsubscribe()
addListener()方法:
1.必须用在监听meta channels消息
2.可能会用在监听service channels消息,(也可以使用subscribe()方法,但是不被推荐使用)
3.不能用来监听normal channels消息,(一般使用subscribe()方法来替代)
4.不能涉及任何与服务器的通讯,这样可以在调用handshake()之前调用。
5.是一个同步方法, 当它返回值时,必须保证listener已经添加。
subscribe()方法:
1.不能用在监听meta channels消息,否则服务器回返回错误。
2.可能会用在监听service channels消息,(也可以使用addListener()方法,推荐使用)
3.用来监听normal channels消息
4.包含于服务器的通讯,在handshake被调用之前不能调用它
5.是一个异步的方法,在服务器收到并处理订阅请求之前立即返回。
注意:调用subscribe方法并不意味着当该方法返回值的时候你已经完成了服务器的订阅。
addListener和subscribe方法分别返回两个订阅对象可以传递给removeListener()和unsubscribe()方法。
// Some initialization code
var subscription1 = cometd.addListener('/meta/connect', function() { ... });
var subscription2 = cometd.subscribe('/foo/bar/', function() { ... });
// Some de-initialization code
cometd.unsubscribe(subscription2);
cometd.removeListener(subscription1);
/////////////////////////////////////
var _subscription;
// The idempotent method
function _refresh()
{
_appUnsubscribe();
_appSubscribe();
}
function _appUnsubscribe()
{
if (_subscription)
cometd.unsubscribe(_subscription);
_subscription = null;
}
function _appSubscribe()
{
_subscription = cometd.subscribe('/foo/bar', function() { ... });
}
////////////////////////////////////////
值得注意的是,你要小心处理你的应用。为了避免泄露函数调用或者避免函数多次调用(一旦你多次错误的绑定了相同的回调函数)
当服务器端未返回信息时(网络中断或者服务器crash时),subscribe和unsubscribe方法会有什么样的行为?
subscribe:本地监听者首先加入到channel中的订阅者列表中,然后与服务器通讯。如果通讯失败,服务器并不知道需要向客户端发送数据因此客户端本地的监听者并不会被反调。
unsubscribe:本地监听者首先从channel中断订阅者列表中移除。然后尝试与服务器通讯。如果通讯失败,服务器仍然发送信息到客户端,但是本地并没有响应监听可指达。
关于监听者异常处理问题:
如果监听者/订阅者函数抛出异常,错误信息会以debug级别打印日志。然而,你可以定义一个全局异常监听处理函数来截获异常信息。
当监听者或者订阅者每次抛出异常时该全局方法都会被反调。
cometd.onListenerException = function(exception, subscriptionHandle, isListener, message)
{
// Uh-oh, something went wrong, disable this listener/subscriber
// Object "this" points to the CometD object
if (isListener)
this.removeListener(subscriptionHandle);
else
this.unsubscribe(subscriptionHandle);
}
全局异常监听机制可能会向服务端发送消息。如果异常监听处理函数抛出了异常,异常会以info级别的日志形式
打印出来,Cometd框架不会break掉。
////////////////////////////////////
使用通配符可以同时订阅多个渠道,例如:
cometd.subscribe("/chatrooms/*", function(message) { ... });
单个星号统配单一渠道段,如:/chatrooms/12 /chatrooms/15 不支持/chatrooms/12/upload
为了统配多渠道段,可以使用双星号,如:
cometd.subscribe("/events/**", function(message) { ... });
使用多渠道可支持类似/events/12/upload events/12 events/12/upload/abc等通道
通配符原理同样应用在监听者中,例如:
cometd.addListener("/meta/*", function(message) { ... });
默认的,订阅整体通配符/*和/**会发生错误,通配符只能放在分段的最后面。
目前为止最有趣的meta channels 是 /meta/connect,因为服务器可以返回当前连接的状态。
值得一提的是,meta/connect也被用于长轮询服务器。因此,如果在一个有效的轮询中发布一个断开消息,
服务器会返回该poll并触发/meta/connect linstener。
=============================================================
第四步 调用publish方法向通道中发布消息
=============================================================
publish方法允许你向某一特定的channel中发布消息
cometd.publish('/mychannel', { mydata: { foo: 'bar' } });
不能发布消息到meta channel,但是可以发布消息到一个未订阅的channel,前提是你已经handshake了
publish是一个异步的通讯方法,在服务器收到消息之前它会立即返回。
=============================================================
关于disconnecting
=============================================================
cometd js api提供了自动重连功能当网络或服务器连接失败时。重连参数在configuration中配置
1.短暂网络连接失败
一旦发生网络暂时连接失败,客户端会通过/meta/connect通道发布消息,并将successful标志位置为false。
此时服务器会保持客户端的状态,一旦网络回复连接,服务器会恢复连接就像未发生中断一样。
客户端在这种情况下,仅仅需要重新建立长轮询,但是在网络中断期间发布给服务器的消息不会被重发。
2.长时间网络异常或服务器异常
如果网络连接长时间异常,服务器将会超时并失去客户端连接,并删除与之相关的状态。
在这种情况下,客户端的重连机制将会执行以下步骤:
。。长轮询试图重新建立,但是服务器拒绝访问并返回402::Unknown client错误信息
。。通讯握手试图重新建立,服务器通常会接收,并重新建立一个连接
。。在通讯握手建立成功的基础上,长连接重新建立。
如果注册了meta channels,了解这些步骤,因为重新连接可能会涉及多个服务器的消息交换。
调用disconnect函数导致消息被发送给Bayeux服务端,以便服务端清理关于该客户端的状态维护。
正如所有涉及到与服务器通讯的方法一样,它是一个异步的方法。如果服务器并未返回,js端将会停止所有的试图的连接,并且清理本地状态。
不管disconnect方法返回成功或者失败,该方法都是安全的。客户端无论如何都会disconnect,它的本地状态会被清理掉。
如果服务器没有返回值,最终该客户端将会被超时处理,并且清理服务端的状态。
=============================================================
关于message bantching
=============================================================
我们经常需要向服务器不同的渠道同时发送数据。由于publish方法是异步的,同时向服务器端发布多次时,并不能一起发布并依次返回。
我们曾天真的这样处理:
cometd.handshake();
// Warning: non-optimal code
cometd.publish('/channel1', { product: 'foo' });
cometd.publish('/channel2', { notificationType: 'all' });
cometd.publish('/channel3', { update: false });
你可能认为,三个publish方法会相继的从客户端发出,但是实际并非如此。publish方法是异步的,它会立即返回值。因此3个publish方法可能在未返回任何数据之前到达网络。
以上发生的是,第一个publish方法会立即执行,另外两个放入队列中,等待第一个publish执行完成。
当服务端接收到publish发送过来的消息时,第一个publish执行完成,服务器返回meta信息给客户端。客户端接收该信息并完成publish方法。
当第一个publish完成后,第二个被执行并等待完成,之后第三个被执行。
如果configuration参数autoBatch设置为true,应用程序会自动执行批次里面已排队的消息。
因此,在上面的例子中,如果autoBatch设置了true,第一个publish方法会立即被执行,当它执行完成后,
应用程序会将第二个和第三个publish打包成一个请求发送到服务器。
这种排队机制是为了避免在长轮询后面发起publish队列,如果没有这个机制,浏览器会受到3个发布请求,但是只能有2个链接,
一个是已经被占用的长轮询请求。因此浏览器可能会决定循环发送request,所以第一个publish发生在第二个连接中(第一个已经
忙于长轮询请求),调度第二个publish使用第一个连接,第三个publish使用第二个连接,当第一个publish返回后。
结果是,如果你有一个超时时间为5分钟的长连接,第二个publish请求可能比第一个和第三个publish晚5分钟到达服务器。
你可以使用batching优化这三个publish请求,通过将消息绑定成组形成一个单一的Bayeux消息。
cometd.handshake();
cometd.batch(function()
{
cometd.publish('/channel1', { product: 'foo' });
cometd.publish('/channel2', { notificationType: 'all' });
cometd.publish('/channel3', { update: false });
});
// Alternatively, but not recommended
cometd.startBatch()
cometd.publish('/channel1', { product: 'foo' });
cometd.publish('/channel2', { notificationType: 'all' });
cometd.publish('/channel3', { update: false });
cometd.endBatch()
当一个batch启动后,随后的API调用将不再发送到服务器,而是会排队等候,直到batch结束。
batch将所有的排队等候的message包装成单一的一个Bayeux消息并发送至Bayeux服务器。
消息绑定有效的利用了网络,将三个request/response生命周期缩短成一个。
=============================================================
关于transports
=============================================================
Bayeux规范定义了两个强制性的传输协议:
long-polling和callbak-polling
cometd实现了这两个协议,并支持websocket协议。
最新的浏览器(如火狐3.5+),也有可能使用长轮询通信及跨站点通讯。
1.long-polling transport
long-polling transport是浏览器和服务器之间默认的通讯协议,如果不支持websocket的话。
该协议应用在跨域名及相同域名的客户端、服务器通讯。数据类型被组织成text/json格式并通过一个普通的XMLHttpRequest推送至服务器。
2.callback-polling transport
callback-polling transport应用在跨域名通讯。众所周知,XMLHttpRequest访问不同域中的脚本是有限制的。
cometd的js端代码的更多相关文章
- 【quickhybrid】JS端的项目实现
前言 API实现阶段之JS端的实现,重点描述这个项目的JS端都有些什么内容,是如何实现的. 不同于一般混合框架的只包含JSBridge部分的前端实现,本框架的前端实现包括JSBridge部分.多平台支 ...
- js常用代码整理
引用js <script type="text/javascript" src="js/jquery-1.11.2.min.js"></scr ...
- 腾讯首页分辨手机端与pc端代码
腾讯首页分辨手机端与pc端代码 自己在做网页的时候在腾讯网首页借鉴的代码. 代码: <!-- 移动适配JS脚本 --> <script type="text/javascr ...
- CSS 黑魔法小技巧,让你少写不必要的JS,代码更优雅
首页 登录注册 CSS 黑魔法小技巧,让你少写不必要的JS,代码更优雅 阅读 8113 收藏 927 2017-09-26 原文链接:github.com 腾讯云容器服务CSS,立 ...
- 网络问卷调查js实现代码
昨天一个同行妹纸写了一个网络问卷调查的效果,但是有bug,于是就来问我该如何解决这个bug.经过我的分析,bug主要还是出在复选框的那部分,经过修改,bug问题解决,现在贴出如下代码,仅供大家参考: ...
- js原生代码实现轮播图案例
一.轮播图是现在网站网页上最常见的效果之一,对于轮播图的功能,要求不同,效果也不同! 我们见过很多通过不同的方式,实现这一效果,但是有很多比较麻烦,而且不容易理解,兼容性也不好. 在这里分享一下,用j ...
- 在Sublime Text 3 中安装SublimeLinter,Node.js进行JS&CSS代码校验
转载自:http://www.wiibil.com/website/sublimelinter-jshint-csslint.html 在Sublime Text中安装SublimeLinter,No ...
- 仿jQuery的siblings效果的js原生代码
仿jQuery的siblings效果的js原生代码 <previousSibling> 属性返回选定节点的上一个同级节点(在相同树层级中的前一个节点). <nextSibling&g ...
- SpringMVC学习系列-后记 结合SpringMVC和Hibernate-validator,根据后台验证规则自动生成前台的js验证代码
在SpringMVC学习系列(6) 之 数据验证中我们已经学习了如何结合Hibernate-validator进行后台的数据合法性验证,但是通常来说后台验证只是第二道保险,为了更好的用户体验会现在前端 ...
随机推荐
- 【转】 C++的深拷贝与浅拷贝
对于普通类型的对象来说,它们之间的复制是很简单的,例如:int a=88;int b=a; 而类对象与普通对象不同,类对象内部结构一般较为复杂,存在各种成员变量.下面看一个类对象拷贝的简单例子. ...
- before和after的强大
前言:刚学他两个的时候,是用于清除浮动,而且曾单纯的以为俩只有这作用. 但看到几篇博客后,发现自己是多么的无知,他两个的强大远不止于此. 当然,这篇文章大多数是借鉴网上的实例,在加上自己的些许简介而成 ...
- informix数据库下导出表结构
1)导出数据库中所有的表结构到文件db.sql $>dbschema -d your_database -t all db.sql 2)导出数据库中所有的存储过程到文件db.sql $&g ...
- 通过VBA实现checkbox的全选和反选
checkbox的全选和反选可以通过VBA来控制,这种设计常见于一些交互式报表,代码如下: 1.分成两个IF判断 Private Sub CheckBox1_Click() ‘checkbox为总控 ...
- [Jetty] jetty 内存调优
在start.ini中配置代码如下 -Dcom.sun.management.jmxremote=true -Xmx6144m -XX:PermSize=256M -XX:MaxPermSize=10 ...
- 笔记6:winfrom连接sql server 进行数据交换
今天的作业是用winfrom窗体做一个留言板,如图: 要求和数据库有查询和添加功能.下拉框里的值是直接获取数据库中的值 一.连接数据库,获取表中数据 //创建一个存数据的表 DataTable tab ...
- valuestack,stackContext,ActionContext.之间的关系
者之间的关系如下图所示: relation ActionContext 一次Action调用都会创建一个ActionContext 调用:ActionContext context = ActionC ...
- 呆呆的io流输入输出的一些基础
关于io流的File类,下面来码一些基础属性: 文件的属性: /* public String getName() 获取文件的名字 public boolean canRead() 判断文件是否可以读 ...
- 多条查询sql语句返回多表数据集
+ + "';SELECT ProductID,ProductTitle,ProductName,SalePrice,ListingPrice,MainPicture,SaledItemCo ...
- wait(), notify(),sleep详解
在JAVA中,是没有类似于PV操作.进程互斥等相关的方法的.JAVA的进程同步是通过synchronized()来实现的,需要说明的是,JAVA的synchronized()方法类似于操作系统概念中的 ...