【Thingsboard】源码分析：Websocket 和前端交互

已于 2023-03-13 18:25:56 修改
阅读量846 收藏 2
点赞数
分类专栏： Thingsboard 源码 文章标签： spring websocket java
于 2022-11-07 09:09:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34448345/article/details/127719199
版权
本文深入分析了Thingsboard系统中Websocket与前端交互的实现，包括TextWebSocketHandler的消息下发方法，TbWebSocketHandler的连接创建、关闭、异常处理及消息处理流程，TelemetryWebSocketService在链接建立和客户端请求时的处理，以及DefaultTbLocalSubscriptionService和DefaultSubscriptionManagerService的角色。同时，重点探讨了缓存map的使用及其在消息推送中的关键作用。
摘要由CSDN通过智能技术生成
处理类是   TbWebSocketHandler  ，该类继承了  TextWebSocketHandler   开源  ws  工具。

【TextWebSocketHandler】   

这个是  spring-websocket  里面的工具，该工具用法：
onopen 对应 afterConnectionEstablished
onclose 对应 afterConnectionClosed
onMessage 对应 handleTextMessage

查看消息下发给 session 的方法：

了解本专栏 订阅专栏 解锁全文 超级会员免费看
前端使用二开Thingsboard一、二、三事(七)-集成海康威视h5player(上)
weixin_43163457的博客
03-18 261
以项目实战为基础，逐步介绍前端在thingsboard系统二次开发中的一些注意事项以及一些thingsboard一些页面功能讲解，为前端人员开发使用thingsboard提供一种可靠思路，打造一个完美的物联网系统。
前端使用二开Thingsboard一、二、三事（一）-thingsboard介绍
weixin_43163457的博客
02-18 524
以项目实战为基础，逐步介绍前端在thingsboard系统二次开发中的一些注意事项以及一些thingsboard一些页面功能讲解，为前端人员开发使用thingsboard提供一种可靠思路，打造一个完美的物联网系统。
ThingsBoard简介
01-10
thingsboard简介，介绍一款开源的IOT软件平台，设计软件架构，原理，搭建，代码
ThingsBoard源码解析-WebSocket
一个技术菜鸟的博客
11-23 1606
源码解读
使用websocket获取thingsboard设备的实时数据
知无涯
11-23 5545
该函数的主要目的是使用WebSocket API与远程服务器建立一个实时通信连接。其实tb是有提供websocket接口来获取设备数据的。而且还支持js跨域调用。下面给大家演示一下。有一个读者前来咨询，如何实时获取设备的遥测数据。这段代码是一个JavaScript函数，名为。
ThingsBoard3.6.4-使用WebSocket查询设备的遥测数据
tizaitian的专栏
05-10 1072
ThingsBoard, WebSocket, 遥测数据
thingsboard源码分析--设备数据如何通过WebSocket推送到前端
a646364756的专栏
06-18 402
消息是通过ruleEngineMsgProducer生产者进行发送到队列的， ruleEngineMsgProducer.send这个接口对应了多个实现。有生产者那么对应肯定有消费者，DefaultTbRuleEngineConsumerService是核心消费类，顺着它往下找即可找到相应的数据 推送。需要知道它使用的什么后台推送的技术，遥测数据是通过什么分发到Websocket，然后再推送到每个前端的。消息队列默认基于内存的，还有Kafka，RabbitMQ等等。
ThingsBoard學習記錄---針對前端（持續更新）
邓邓今天加油了吗
08-12 1767
ThingsBoard學習記錄---針對前端（持續更新）
thingsboard源码分析，绝对有用
04-10
学习thingsboard,这个资料绝对的精品，分享出来，希望能够帮到大家！
thingsboard:开源物联网平台thingsboard源码分析
03-22
总结，Thingsboard的源码分析是一个深入学习物联网平台架构和实现的好机会。通过研究其源码，你可以掌握微服务设计、实时数据处理、设备通信等领域的关键技术，并能根据需求对其进行定制和扩展。
物联网技术指南：物联网技术指南---从零构建高性能物联网平台及物联网解决方案和Thingsboard子系统分析（物联网平台，SaaS，MQTT，CoAP，HTTP，Modbus，OPC，WebSocket，物模型， Protobuf，PostgreSQL，MongoDB，Spring Security，OAuth2，RuleEngine，Kafka，Docker）
02-03
:maple_leaf:出色的IOT技术教程，代码主要源于国外开源物联网平台和对阿里云物联网平台的感悟 | :open_book:从0构建高性能IoT平台和实践 a。《预习篇》 物联网正处于元年，赶紧学习起来吧！ 物联网平台是物联网架构中的核心部分，它连接现实世界和虚拟世界，以实现对象之间的通信，管理数据流，支持应用程序开发并为连接的物联网设备提供基本分析 。························ SaaS和PaaS行业的需求是不断增长的！ 聊到PaaS，SaaS，就必须存在多租户。 。························ b。『设备接入篇』 对于工程 MQTT（消息远程遥测传输）是ISO标准下进行
thingsboard之MQTT接入TB说明0531.docx
05-31
个人总结的thingsboard中MQTT协议接入的文档，纯手打，希望对你有所帮助！
Arduino-ThingsBoard-Arduino-MQTT-SDK.zip
09-18
Arduino-ThingsBoard-Arduino-MQTT-SDK.zip,Arduino Libarary与Thingsboard IoT平台连接,Arduino是一家开源软硬件公司和制造商社区。Arduino始于21世纪初，深受电子制造商的欢迎，Arduino通过开源系统提供了很多灵活性。
物联网设备数据流转之数据如何实时推送至前端：WebSocket前端接收
Heartsuit的博客
06-05 5253
在实现 前端接收前，我们先说明白一件事，为什么要使用WebSocket？这要从 协议说起，我们知道 协议只能由客户端发起，而且是短链接，这就会导致我们在服务端拿到最新的数据时，没办法第一时间通知客户端。诸如我们当前涉及物联网设备数据展示的场景，用户一般都会要求看到的设备数据是最新的，这是一个极其正常的需求。那么针对这一简单的需求，我们一般会怎么做？实际项目中，在没接触 前（讲真，在那年少无知的蛮荒时代，我们甚至让用户手动刷新页面，或者前端定时刷新页面以获取最新的设备数据，eg: 1分钟、3分钟、5分
thingsboard的WebSocket API的使用
AldrichEugene
11-23 1218
我们需要订阅不同的数据，那么该如何来填写参数呢，你需要参考后端代码 TelemetryPluginCmdsWrapper 以及订阅返回的结果参考类：TelemetrySubscriptionUpdate。TelemetrySubscriptionUpdate 类。TelemetryPluginCmdsWrapper 类。
【websocket前后端交互】vue-springboot实现websocket前后端交互链接，websocket心跳重连，包含前后端代码，复制即可用【详细解释版本】
seeeeeeeeeee的博客
05-10 7068
前言： 还是老规矩，一步步的教大家如何建立前后端的 websocket 链接，并能完成互相传送数据的简单功能。由于网上找了半天发现很多帖子都是东一句西一句的，要不就是写的没什么注释和解释，导致我这个前端人员看后端代码非常折磨。 但是，总算慢慢摸索给整出来了，那现在我就把一个详细版的，用前端小伙伴也听得懂的大白话来说一下如何实现 websocket 功能。 效果图 文档说明 前端代码部分 防止有后端小伙伴想写个前端代码的，不知道写哪里。我给个结构图 代码直接复制，然后再views内创建一个vue文件
WebSocket 是什么？WebSocket 前后端交互
热门推荐
weixin_40381947的博客
06-01 1万+
如今，大量的实时Web应用，如在线聊天、实时游戏、视频会议等都在使用 WebSocket 技术来实现低延迟、高效率和高可靠性的实时数据交换，而且相比其他技术（例如 Ajax 和长轮询），WebSocket 能够大幅降低网络带宽和服务器负载，提供更流畅的用户体验。：客户端每隔一段时间向服务端发送一个特有的心跳消息，每次服务端收到消息后只需将消息返回，此时，若二者还保持连接，则客户端就会收到消息，若没收到，则说明连接断开，此时，客户端就要主动重连，完成一个周期。当服务器收到消息时，它将打印出该消息。
ThingsBoard前端项目的安装与启动
weixin_41394875的博客
12-15 1894
本文介绍在Windows环境，ThingsBoard前端项目的安装部署与如何配置后台服务启动。
ThingsBoard 前端项目内置部件开发
weixin_41394875的博客
04-26 682
本文介绍如何在 ThingsBoard 前端项目中开发内置的菜单导航部件。
thingsboard规则链websocket
最新发布
12-28
### ThingsBoard 规则链与 WebSocket 集成 #### 创建 WebSocket 转发器规则节点 为了实现 ThingsBoard 中的 WebSocket 数据流处理，可以创建一个自定义规则节点来监听特定事件并将这些事件通过 WebSocket 推送给前端应用。 ```javascript const ws = require('ws'); let webSocketServer; function startWebSocket() { webSocketServer = new ws.Server({ port: 9001, path: '/data' }); webSocketServer.on('connection', function connection(wsClient) { console.log("New client connected"); // 当有新消息到达时触发此回调函数 wsClient.on('message', function incoming(message) { console.log(`Received from client ${message}`); }); // 断开连接时调用该方法 wsClient.on('close', function close() { console.log('Disconnected'); }); }); } startWebSocket(); ``` 当构建好上述基础结构之后，在 ThingsBoard 的规则链编辑界面里新增加一个 **Script Transformation Node**, 输入如下脚本： ```groovy // 假设已经有一个全局变量 `webSocketServer` 存储着 WebSocket Server 实例. if (msgType == 'POST_TELEMETRY_REQUEST') { try { let dataString = JSON.stringify(msg); webSocketServer.clients.forEach(function each(client) { if (client.readyState === ws.OPEN) { client.send(dataString); } }); return { msg: null, metadata: {}, msgType: "NO_ERROR" }; } catch(e){ log.warn("Error while sending message via WS", e); throw e; } } else { return { msg: originalMsg, metadata: originalMetadata, msgType: originalMsgType }; } ``` 这段 Groovy 代码会拦截所有来自设备上传感器数据的消息 (`POST_TELEMETRY_REQUEST`) 并尝试将其发送给每一个已建立好的 WebSocket 连接客户端。如果成功，则返回无错误状态；如果有任何异常发生，则记录警告日志并抛出异常终止当前流程[^1]。 对于想要接收推送通知的应用程序来说，只需要按照标准方式打开 Web Socket 连接到服务器即可: ```html <script> var socket = new WebSocket('ws://yourserverip:9001/data'); socket.addEventListener('open', function(event) { console.log("Connected to server."); }); socket.addEventListener('message', function(event) { var telemetryData = JSON.parse(event.data); updateUI(telemetryData); // 自定义 UI 更新逻辑 }); </script> ``` 以上就是如何利用 ThingsBoard 的规则链机制配合 WebSocket 技术实现实时通信的一个简单例子[^4]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

0x13

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值