MySQLWebSocket案例

一、 环境搭起来

框架用Spring Boot,省心。Maven依赖主要就这几个:

Spring Boot Starter Web:基础Web功能。

Spring Boot Starter Data JPA:操作MySQL数据库。

Spring Boot Starter Websocket:核心,WebSocket支持。

MySQL Connector Java:连接MySQL数据库。

数据库表就简单点,建个表:

实体类(DeviceStatus)和Repository接口(DeviceStatusRepository)就是常规的JPA那一套,这里就不贴代码占篇幅了。

二、 WebSocket核心配置

重点来了,配置WebSocket。我这儿用的是Spring提供的WebSocket API。

先写个配置类,继承:

这里用了SockJS,是为了兼容那些不支持WebSocket的浏览器,算是个降级方案。

然后,搞个Service (),用来模拟设备数据变化,并主动向WebSocket客户端推送。这里用一个定时任务来模拟:

是神器,直接用它就能发消息。这里我们发到 这个目的地。

三、 前端页面连接和接收

前端页面就用简单的HTML + JavaScript,配合SockJS和STOMP客户端库。

前端逻辑很清晰:连接 -> 订阅指定Topic -> 收到消息后解析JSON并更新DOM。

四、 测试和踩坑提醒

测试:启动应用,打开页面。然后在MySQL里手动修改表的字段。等下一个10秒周期,就能在页面上看到数据自动更新了,效果杠杠的。

注意点:

这个案例算是把MySQL数据通过WebSocket实时推送到前端的基本链路跑通了。虽然例子简单,但核心思想都在。兄弟们可以根据自己的业务场景进行扩展和优化,比如更复杂的数据过滤、分房间推送等等。希望这篇记录能帮到正在折腾的你。

相关推荐
Yvonne爱编码5 小时前
基于 ESP32 的冷链物流工业物联网(IIoT)监控系统|全流程实战
物联网·iot·工业物联网
InHand云飞小白6 小时前
【工业物联网】4G/5G 工业路由器技术选型与实战部署方案
物联网·5g·工业路由器·4g路由器·工业物联网·5g路由器·数字化联网
天下财经热6 小时前
快进商店闪耀2026中国零售业博览会,远程值守全家桶独家首发,重塑云值守解决方案
大数据·人工智能·物联网
BY组态7 小时前
Ricon组态系统:新一代Web可视化组态平台
前端·物联网·iot·web组态·组态
互联网推荐官8 小时前
上海物联网应用开发全解析:技术路径、架构选型与落地约束
物联网·架构·开发经验·上海
MetrixAeroCore8 小时前
英国物联网出海落地难题破解:Metrix Aero Core通信适配解决方案
物联网
国产化创客8 小时前
毫米波雷达LD2402串口调参
嵌入式硬件·物联网·智能硬件
国产化创客9 小时前
ESP32+WebServer+LD2402实现人体/宠物感知
单片机·物联网·开源·智能硬件
TDengine (老段)10 小时前
TDengine 虚拟表实现原理
大数据·数据库·物联网·时序数据库·iot·tdengine·涛思数据
lbb 小魔仙10 小时前
海量时序数据困局破壁:DolphinDB 如何重新定义工业物联网的数据底座
物联网