thingsboard-部件库开发 之 rpc-部件开发

最新推荐文章于 2025-07-10 10:34:43 发布
原创 最新推荐文章于 2025-07-10 10:34:43 发布 · 3.2k 阅读 · 13 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#thingsboard #物联网 #java

本文档详细介绍了在thingsboard中开发RPC部件的过程，包括创建部件库、编写HTML/CSS/JS代码，以及解决部件大小改变导致的假死问题。作者分享了开发空调遥控器部件的经验，提供了一个按钮和旋钮控件集成的例子，并提到了参数传递的后续工作。同时，作者还提供了交流学习的QQ群和论坛地址。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 

thingsboard 部分的知识网上也不是很多  对于类似于我这样的一些同学来说 看官方api简直是欲生欲死。

正好最近也有项目，一边开发一遍写博，留作日志，同时也供大家参考。

因为也是入门级别，所以有些地方可能有错误，欢迎大家指出。

另外，有结交朋友的可以加群 QQ：726442610  .备注csdn-thingsboard

thingsboard 中国论坛地址  www.iothi.cn

话不多说，今天讲讲一个部件的开发。-rpc部件。

老大要求我做一个空调遥控器，带有温度选择/模式选择等功能，而现有的rpc部件只有按钮/旋钮/显示这些，对于复杂的集成按钮这类部件，需要自行进行开发。

首先我们打开部件库，新建一个test部件库，进入新建部件库(system账号下，新建的所有部件库和部件，租户管理员显示都为系统部件库，无法进行删除和修改。防止误删，建议租户管理员(tenant)进行开发，然后再导入到system下。)

进入新建的部件库 选择新建部件 选择控件部件。

清空html css js 设置模式/数据键模式(这边各个功能，后面我会开一个新的文章进行讲解)

最低0.47元/天 解锁文章

200万优质内容无限畅学
物联网教程：入门指南 - ThingsBoard 部件库
GwtbPerl的博客
09-21 679
通过使用 ThingsBoard 部件库，您可以轻松创建功能强大的物联网仪表板，并展示设备数据的可视化。本教程提供了一个入门指南，帮助您快速上手使用 ThingsBoard 部件库。希望这篇教程对您有所帮助！如果您对 ThingsBoard 和物联网感兴趣，可以进一步探索更多功能和定制选项。祝您在物联网领域取得成功！
前端使用二开Thingsboard一、二、三事(四)-部件库
weixin_43163457的博客
02-19 502
以项目实战为基础，逐步介绍前端在thingsboard系统二次开发中的一些注意事项以及一些thingsboard一些页面功能讲解，为前端人员开发使用thingsboard提供一种可靠思路，打造一个完美的物联网系统。
Thingsboard-Widget-Library:Thingsboard的小部件库
03-31
“ Thingsboard Widget库”文档 目录 1.1 1.2 1.3 2.1 1.控制小部件 1.1开关1 1.2切换按钮1 1.3滑块 2.最新的价值小部件 2.1液位1
Thingsboard Widgets Library（部件库）
小康子的博客
04-02 2911
文章目录Thingsboard Widgets Library （部件库）一、简介二、部件类型 Widget Types（一）最新值 Latest values（二）时间序列 Time-series（三）RPC (Control widget) 控制部件（四）告警部件 Alarm Widget（五）静态内容 Static三、部件库（包）Widget Libraray (Bundles)（一）数字仪表盘 Digital Gauges（二）仿真仪表盘 Analog Gauges（三）表格 Charts（四）GP
一、开源的物联网项目平台——Thingsboard的安装与配置
weixin_54527071的博客
07-10 939
本文详细介绍了在Windows系统上安装ThingsBoard物联网平台的步骤。主要内容包括：1)安装Java 11 OpenJDK并进行环境配置；2)设置PostgreSQL驱动程序及数据库；3)下载解压ThingsBoard安装包并完成安装；4)启动ThingsBoard服务；5)通过浏览器访问Web界面。文档特别强调了安装路径、密码设置等默认配置的重要性，并提供了详细的命令行操作指导。整个安装过程需要按顺序完成Java环境、数据库和平台服务的配置，最终通过localhost:8080访问系统界面。
ThingsBoard教程（十一）：部件库的入门知识
知无涯
07-07 4006
ThingsBoard 部件库 入门体验， helloword
ThingsBoard 前端项目内置部件开发
weixin_41394875的博客
04-26 833
本文介绍如何在 ThingsBoard 前端项目中开发内置的菜单导航部件。
ThingsBoard教程（十四）：部件库基本JS函数API解释，及变量的使用，显示
知无涯
07-19 4042
部件库的JS 函数解释，变量使用
thingsboard-3.1.1安装包
03-21
thingsboard安装包
ThingsBoard3.9.1-RPC部件详解流程
hssjf的专栏
05-07 936
thingsboard3.9.1/4.0RPC使用方法/服务端rpc/客户端rpc
在ThingsBoard中,使用部件库自定义RPC下发内容
知无涯
10-12 9097
众所周知，在ThingsBoard中可以对设备进行RPC指令的下发，但有一个限制，必须符合以下的格式。这种情况只能修改设备端，或者 使用一个中转的 mqtt broker。所发送的内容必须包含method 与payload。有关RPC的API 可以查询这个链接。但是有朋友要求这样子。
ThingsBoard3.9.1基础概念详解-RPC命令
hssjf的专栏
05-07 886
thingsboard3.9.1/4.0基本概念详细解释RPC命令/服务端RPC/客户端RPC。
ThingsBoard教程（十五）：部件库的点击事件
知无涯
07-24 5862
上一篇我们简单介绍了tb的一些基本内置函数，通过这些函数我们可以监听仪表盘的缩放，订阅数据的改变，以及是否是手机模式下预览。本篇文章将进入更加具体的实践，对这个些部件库的api做更加详细的解释，在制作物联网仪表盘中的实践。本篇文章我们就来演示一下部件库中的事件操作，假如我们的部件上有一个按钮，或者一个div,我们想让这个按钮在点击时，触发一个我们定义的函数。下面我们就来演示如何做这样一个基本的操作。
ThingsBoard教程（十六）：RPC部件的使用
知无涯
08-12 4111
前言 各位读者好，截止目前，ThingsBoard系列文章已经做了十篇，分别是 ThingsBoard教程（一）：ThingBoard介绍及安装 ThingsBoard教程（二）：租户，租户配置，部件组模块的使用 ThingsBoard教程（三）：系统设置模块的使用 ThingsBoard教程（四）：规则链简介与操作 ThingsBoard教程（五）：客户，资产管理 ThingsBoard教程（六）：设备管理 ThingsBoard教程（七）：模拟设备遥测 ThingsBoard教程（八）：自定义UI T
thingsBoard新建部件
weixin_46939404的博客
09-23 323
新建完成之后可在列表中看到。
ThingsBoard远程RPC调用设备
可乐要加冰！！！
04-20 2918
轻量级 RPC 调用是短暂的，通常在 30 秒内，这是对平台的任何 REST API 调用的默认超时。它们存在于服务器的内存中，假设如果服务器挂掉，仪表板小部件将向集群中的其他 ThingsBoard 服务器发送相同的请求。轻量级 RPC 消耗少量资源，因为它们的处理不会调用任何输入/输出操作，接受审计日志和规则引擎消息的存储。ThingsBoard RPC 功能根据远程过程执行的发起者可以分为两种类型：设备发起的 RPC 和服务器发起的 RPC。双向 RPC 请求期望在可配置的超时时间内收到设备的响应。
ThingsBoard 3.0 部件库之自定义部件开发
Wondser的博客
09-04 7495
ThingsBoard小部件是其他UI模块，可以轻松集成到任何IoT Dashboard中。它们提供了最终用户功能，例如数据可视化，远程设备控制，警报管理以及静态自定义html内容的显示。根据提供的功能，每个窗口小部件定义代表一个特定的窗口小部件类型。
ThingsBoard 前端项目背景图片部件开发
weixin_41394875的博客
09-27 835
ThingsBoard 是目前 Github 上最流行的开源物联网平台，本文介绍如何在 ThingsBoard 前端项目中开发背景图片部件。
thingsboard如何自定义RPC部件的开发部件
最新发布
07-22
在 ThingsBoard 中，自定义 RPC 组件的开发是扩展平台功能的重要方式，尤其是在需要与设备进行远程过程调用（RPC）交互的场景中。ThingsBoard 的前端采用 Angular 框架构建，因此自定义 RPC 组件通常涉及 Angular 组件的开发，并且需要与后端服务进行通信以实现对设备的控制。 ### 自定义 RPC 组件开发流程 1. **确定组件功能** 在开发自定义 RPC 组件之前，首先需要明确该组件的功能。例如，是否需要通过 RPC 命令控制设备的状态、获取设备的实时数据或执行特定操作。根据业务需求，设计组件的交互逻辑和 UI 界面。 2. **Angular 组件开发** ThingsBoard 的前端代码位于 `ui` 目录下，使用 Angular 框架进行构建。开发自定义 RPC 组件时，需创建一个新的 Angular 组件，并将其集成到现有的仪表盘或设备管理界面中。组件通常需要实现以下功能： - 与设备建立 RPC 连接。 - 发送 RPC 命令。 - 接收并处理设备返回的响应数据。 示例代码如下： ```typescript import { Component, OnInit } from '@angular/core'; import { RpcService } from '@core/http/rpc.service'; import { DeviceService } from '@core/http/device.service'; @Component({ selector: 'tb-custom-rpc-component', templateUrl: './custom-rpc.component.html', styleUrls: ['./custom-rpc.component.scss'] }) export class CustomRpcComponent implements OnInit { deviceId: string; response: any; constructor( private rpcService: RpcService, private deviceService: DeviceService ) {} ngOnInit(): void { // 获取设备 ID 或其他初始化逻辑 } sendRpcCommand(): void { const rpcCommand = { method: 'setTemperature', params: { temperature: 25 } }; this.rpcService.sendRpcCommand(this.deviceId, rpcCommand).subscribe(response => { this.response = response; }); } } ``` 3. **服务与 API 集成** 在 Angular 组件中，通常需要调用 ThingsBoard 提供的 REST API 或 WebSocket 服务来与后端通信。例如，`RpcService` 提供了发送 RPC 命令的方法，而 `DeviceService` 可用于获取设备信息[^5]。 4. **组件注册与部署** 开发完成后，需要将自定义组件注册到 Angular 模块中，并确保其可以在仪表盘或设备管理界面中正确显示。此外，还需将组件编译并打包到 ThingsBoard 的前端资源中，最终部署到服务器上。 5. **测试与调试** 在开发过程中，可以通过 ThingsBoard 的 Web 界面测试自定义组件的功能。确保 RPC 命令能够正确发送到设备，并且设备的响应能够被正确解析和展示。 ### 相关问题 1. 如何在 ThingsBoard 中配置设备的 RPC 命令？ 2. ThingsBoard 的前端 Angular 框架如何与后端服务进行通信？ 3. 如何通过 ThingsBoard 的规则引擎处理 RPC 响应数据？ 4. 在 ThingsBoard 中，如何实现自定义组件的动态加载和配置？ 5. 如何通过 ThingsBoard 的网关支持实现跨协议的 RPC 通信？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值