webkit HTML5 WebSocket 综合分析 2

webkit HTML5 WebSocket 综合分析 2

上一篇文章介绍了 websocket理论，本篇分析websocket协议客户端部分在webkit浏览器引擎上的实现。

websocket api​​​​

webkit上websocket实现代码在WebCore/websockets目录下

WebSocket JavaScript idl  接口的定义（websocket.idl）：

module websockets { interface [ Conditional=WEB_SOCKETS, CustomConstructor, EventTarget, NoStaticTables ] WebSocket { readonly attribute DOMString URL; // ready state const unsigned short CONNECTING = 0; const unsigned short OPEN = 1; const unsigned short CLOSED = 2; readonly attribute unsigned short readyState; readonly attribute unsigned long bufferedAmount; // networking attribute EventListener onopen; attribute EventListener onmessage; attribute EventListener onclose; [Custom] boolean send(in DOMString data) raises(DOMException); void close(); // EventTarget interface [Custom] void addEventListener(in DOMString type, in EventListener listener, in boolean useCapture); [Custom] void removeEventListener(in DOMString type, in EventListener listener, in boolean useCapture); boolean dispatchEvent(in Event evt) raises(EventException); };}

其中 URL 属性代表 WebSocket 服务器的网络地址，协议通常是”ws”,send 方法就是发送数据到服务器端，close 方法就是关闭连接。除了这些方法，还有一些很重要的事件：onopen，onmessage，onerror 以及 onclose。

浏览器提供的js接口给web开发人员使用，下面面为客户端建立 WebSocket 连接的实例 JavaScript 代码

var  wsServer = 'ws://localhost:8888/Demo'; 
 var  websocket = new WebSocket(wsServer); 
 websocket.onopen = function (evt) { onOpen(evt) }; 
 websocket.onclose = function (evt) { onClose(evt) }; 
 websocket.onmessage = function (evt) { onMessage(evt) }; 
 websocket.onerror = function (evt) { onError(evt) }; 
 function onOpen(evt) { 
 console.log("Connected to WebSocket server."); 
 } 
 function onClose(evt) { 
 console.log("Disconnected"); 
 } 
 function onMessage(evt) { 
 console.log('Retrieved data from server: ' + evt.data); 
 } 
 function onError(evt) { 
 console.log('Error occured: ' + evt.data); 
 }

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。