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

相关推荐
liulilittle2 小时前
OPENPPP2 —— IP标准校验和算法深度剖析:从原理到SSE2优化实现
网络·c++·网络协议·tcp/ip·算法·ip·通信
北极光SD-WAN组网5 小时前
从0到1搭建某铝箔智慧工厂网络:5G与WiFi 6助力智能制造
网络·5g·制造
阿昭L5 小时前
HTTP原理
网络·网络协议·http
hazy1k6 小时前
STM32H750 RTC介绍及应用
网络·stm32·实时音视频
没书读了6 小时前
考研复习-计算机网络-第三章-数据链路层
网络·计算机网络·考研
zhao3266857516 小时前
2025年代理IP三强横评:LoongProxy、神龙海外动态IP代理、全民HTTP怎么选?看完这篇不踩坑
网络协议·tcp/ip·http
on the way 1236 小时前
多线程之HardCodedTarget(type=OssFileClient, name=file, url=http://file)异常
网络·网络协议·http
WhoisXMLAPI7 小时前
WhoisXML API再次荣登2025年美国Inc. 5000快速成长企业榜单
网络·安全
阿sir1987 小时前
ZYNQ 自定义IP
服务器·网络·tcp/ip
星马梦缘8 小时前
计算机网络4 第四章 网络层——网络间的通信问题(省际之间如何规划信件运输路线)
网络·计算机网络·路由·ip地址·子网掩码·icmp·ipv4/ipv6