简鲜侠Websocket

9
The Way To HTML5 2 ----Websocket 简简简 Xianxia.jianxx@alibaba- inc.com

Transcript of 简鲜侠Websocket

Page 1: 简鲜侠Websocket

The Way To HTML5  ( 2 )        

  ----Websocket

简鲜霞

[email protected]

Page 2: 简鲜侠Websocket

a 、定义了全双工通信信道

b 、将 HTTP 协议升级为 websocket 协议  

一、通讯方式

Page 3: 简鲜侠Websocket

http请求半双工的通信方式,要模拟全双工的通信方式:

1 、额外的兼容性代码

2 、 http 请求中带有额外的请求数据,造成网络延时;

        

二、 websocket 的优势

Page 4: 简鲜侠Websocket

二、 websocket 的优势

Page 5: 简鲜侠Websocket

二、 websocket 的优势

3 、 websocket 每一次请求之需 2B 的开销

Page 6: 简鲜侠Websocket

三、 websocket 接口

属性、监听事件、方法

Page 7: 简鲜侠Websocket

三、 websocket 使用

不支持 websocket 的情况下,使用 flash 做兼容, fdev4 组件库中实现方式 demo 如: var mysocket = new FE.ui.Websocket({

url : ‘ws://demo.com/test’,

onopen : function (){

//todo

},

onmessage : function(event){

//todo event = {“type”:”message”,data:””}

}

});

Page 8: 简鲜侠Websocket

三、 websocket 使用

使用属性及方法

mysocket.readyState;

mysocket.open();

mysocket.close();

mysocket.send(data);

Page 9: 简鲜侠Websocket

That’s all