Websocket protocol overview

The way to HTML5

FD $.ajax(‘http://localhost/do_sth/’,{ ‘type’:‘GET’, ‘dataType’:‘json’, ‘success’:function(data){ console.log(data); } });

HTTPdebug, WPO

HTTP debug, WPOWebSocketHTTP

HTTP debug, WPOWebSocketHTTP new WebSocket(ws_uri)

WebSocket protocol protocolWebSocket server

WebSocket API

WebSocket API API WebSocket

WebSocket API API WebSocketvar ws_uri = "ws://localhost:9999";webSocket = new WebSocket(ws_uri);webSocket.onmessage = function(e) { console.log("Got echo: " + e.data);}

WebSocket APIWebSocket API WebSocket Protocol

WebSocket Protocol 10 chrome 14+ , ﬁrefox 7+chrome blog

WebSocket Protocoloverview: “ ” API onmessage API

WebSocket Protocoloverview: frame frame message frame message frame message

WebSocket Protocoloverview: frame WebSocket Protocol raw data, raw data message ( control frame )

WebSocket ProtocolHandShake:

WebSocket ProtocolHandShake: GET WebSocket HTTP Header origin , WebSocket Version , WebSocket Key , Cookies Connection: Upgrade Upgrade: websocket WebSocket

WebSocket ProtocolHandShake: HTTP/1.1 101 Switching Protocols Connection: Upgrade Upgrade: websocket websocket

WebSocket ProtocolHandShake: Sec-WebSocket-Protocol: chat subprotocol为

WebSocket ProtocolHandShake: Sec-WebSocket-Origin: http://work server

WebSocket ProtocolHandShake: Sec-WebSocket-Origin: http://work server Sec HTTP Header javascript

WebSocket ProtocolHandShake: server client client websocket hankshake XHR form

WebSocket ProtocolHandShake: server HandShake HTTP header Sec-WebSocket-key, "258EAFA5-E914-47DA-95CA- C5AB0DC85B11" SHA-1 hash , base64-encode , Response Header “Sec-WebSocket-

WebSocket ProtocolHandShake: WebSocket Pythongit checkout handshake

WebSocket Protocolframe :

WebSocket Protocolframe : FIN 1bit, message RSV0 RSV1 RSV2 1bit, 0 opcode: 4bit, payload data

WebSocket Protocol frame :opcode * %x0 denotes a continuation frame FIN 1bit, message * %x1 denotes a text frame * %x2 denotes a binary frame RSV0 RSV1 RSV2 1bit, * %x3-7 are reserved for further non-control frames 0 * %x8 denotes a connection close * %x9 denotes a ping opcode: 4bit, payload data * %xA denotes a pong * %xB-F are reserved for further control frames

WebSocket Protocolframe : mask: 1bit , payload data 1 masking-key 1 payload length: 7 bits , 7+16bits , or 7+64 bits 7bit 0 -125 126 2byte 127 4byte Masking-Key: 0 or 4 bytes. mask 0 key 0 mask 1 key 4 bytes

WebSocket Protocolframe : Payload data: (x+y)bytes , payload data Extension data: x bytes, 0 Application data: y bytes , payload data

WebSocket Protocolframe : WebSocket server frame

WebSocket Protocolmore : http:// tools.ietf.org/html/draft-ietf-hybi- thewebsocketprotocol-10

Python: AutobahnNode.js : http://socket.io/#homeRuby : https://github.com/gimite/web-socket-rubyJava: https://github.com/TooTallNate/Java-WebSocket

http://blog.allenm.me	1806
http://feed.feedsky.com	42
http://cache.baidu.com	10
http://translate.googleusercontent.com	3
http://zhuaxia.com	1
http://xianguo.com	1
http://webcache.googleusercontent.com	1

Websocket protocol overview

by allenmeng on Oct 28, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

7 Embeds 1,864

Statistics

Websocket protocol overview — Presentation Transcript