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协议原理并且进行抓包分析。

相关推荐
Nuyoah11klay1 天前
华清远见25072班网络编程学习day5
网络
weixin_456904271 天前
使用HTTPS 服务在浏览器端使用摄像头的方式解析
网络协议·http·https
CyHacker_10101 天前
网络编程-day4
网络
疯狂的维修1 天前
关于Gateway configration studio软件配置网关
网络协议·c#·自动化·gateway
wow_DG1 天前
【WebSocket✨】入门之旅(五):WebSocket 的安全性
网络·websocket·网络协议
往事随风去1 天前
别再纠结了!IM场景下WebSocket和MQTT的正确选择姿势,一文讲透!
后端·websocket·架构
会开花的二叉树1 天前
UDP Socket 进阶:从 Echo 到字典服务器,学会 “解耦” 网络与业务
服务器·网络·udp
-SGlow-1 天前
Linux相关概念和易错知识点(45)(网络层、网段划分)
linux·运维·服务器·网络
阿部多瑞 ABU1 天前
《学校机房终端安全全链条攻防分析与防御体系建设报告》
网络·安全