WebSocket实战之一

一、前言

2017年做股票软件开始关注WebSoocket技术，不过当时客户端是Native采用的网络通讯框架是Netty，这次做收银台项目决定把WebSocket技术实践一把，主要应用于实时销量大盘数据展示以及消息系统提醒功能等。

注：一个技术点尽可能要有实际应用场景才能真正掌握，我们在一些非核心功能会去尝试使用自己没用过的技术，这样对自己对团队都能有一些技术储备。

二、最简单 的例子

以下例子在浏览器实时显示服务端推送过来的一个随机数，例子里不考虑各种异常及重连机制。

1、Node.js服务端代码

注：这里使用Node.js的ws模块来创建WebSocket服务端，当客户端连接上来，使用定时器每隔5秒推送一个0~100的随机数。

npm install ws

2、浏览器端代码

注：接收到推送过来的数据显示在网页上。

3、浏览器访问效果

注：浏览器就能实时显示服务端推送过来的数据。

三、WebSocket概念 及API

1、WebSocket是什么

WebSocket是在一个TCP连接上进行全双工通信的协议，是HTML连接性一个规范，定义在RFC6455,允许服务端主动向客户端推送数据.

而旧的HTTP架构中是无状态的请求/响应机制，服务端很难向客户推送消息，要么使用轮询要么使用Comet技术来实现。

2、WebSocket API

WebSocket事件

open：协议握手完成，已经准备好可以发送和接收数据。

message：接收到消息时触发，消息类型支持文本和二进制数据。

error：意外故障时触发，在这里可以调用重连逻辑。

close：连接关闭时触发。
2.

WebSocket方法

send:在open事件之后,close事件之前可以调用send发送数据。

close：关闭websocket连接。
3. WebSocket特性

readyState：连接状态，0:正在建立连接 1:连接已建立 2：正在关闭握手 3：连接已关闭

下一篇会讲一下 WebSocket协议原理并且进行抓包分析。