WebSocket

WebSocket

本文采用知识共享署名 4.0 国际许可协议进行许可，转载时请注明原文链接，图片在使用时请保留全部内容，可适当缩放并在引用处附上图片所在的文章链接。

• Socket是什么？
• HTML5 和 WebSocket
• WebSocket优点
  • HTTP
  • WebSocket
• WebSocket 属性
• WebSocket 事件
• WebSocket 方法
• websocketpp
  • 介绍
  • 示例工程
• 参考

Socket是什么？

Socket是应用层与TCP/IP协议族通信的中间软件抽象层，它是一组接口。

HTML5 和 WebSocket

WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。
WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。
在 WebSocket API 中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。

WebSocket优点

HTTP

• 一条连接上只可以发送一个请求

• 请求只能从客户端开始。客户端不可以接收除了响应以外的指令。

• 请求 / 响应首部未经过压缩就直接进行传输。首部的信息越多，那么延迟就越大。

• 发送冗长的首部。每次互相发送相同的首部造成的浪费越多

• 可以任意选择数据压缩格式。非强制压缩发送

WebSocket

• 推送功能
  支持服务器端向客户端推送功能。服务器可以直接发送数据而不用等待客户端的请求。
• 减少通信量
  只要建立起websocket连接，就一直保持连接，在此期间可以源源不断的传送消息，直到关闭请求。也就避免了HTTP的非状态性。
  和http相比，不但每次连接时的总开销减少了，而且websocket的首部信息量也小 ，通信量也减少了。
• 减少资源消耗

WebSocket 属性

属性	描述
Socket.readyState	只读属性 readyState 表示连接状态，可以是以下值： 0 - 表示连接尚未建立。 1 - 表示连接已建立，可以进行通信。 2 - 表示连接正在进行关闭。 3 - 表示连接已经关闭或者连接不能打开。
Socket.bufferedAmount	只读属性 bufferedAmount 已被 send() 放入正在队列中等待传输，但是还没有发出的 UTF-8 文本字节数。

WebSocket 事件

事件	事件处理程序	描述
open	Socket.onopen	连接建立时触发
message	Socket.onmessage	客户端接收服务端数据时触发
error	Socket.onerror	通信发生错误时触发
close	Socket.onclose	连接关闭时触发

WebSocket 方法

方法	描述
Socket.send()	使用连接发送数据
Socket.close()	关闭连接HTML5 WebSocket

websocketpp

介绍

websocketpp是一个只有头文件的支持websocket协议的C++开源库，支持websocket客户端和服务器功能，网络传输模块基于boost::asio。
提供 server 功能的 websocketpp::server 和提供 client 功能的 websocketpp:client 都继承自基类 websocketpp::endpoint , endpoint提供了一些通用的功能函数：

void set_access_channels(log::level channels);//设置日志级别
void clear_access_channels(log::level channels)//屏蔽某个级别的日志

void set_open_handler(open_handler h)；//设置打开连接时的回调函数
void set_close_handler(close_handler h)；//设置关闭连接时的回调函数
void set_fail_handler(fail_handler h)；//设置连接失败时的回调函数
void set_message_handler(message_handler h)；//设置收到消息时的回调函数

示例工程

web-socket-test

参考

HTML5 WebSocket

html5-websocket初探

WebSocket协议及优点