jsonschema - 如何使用 Json 模式定义 ThingsBoard 小部件的 UI？

Question

我们正在开发连接到 ThingsBoard 面板的 IOT 设备。

目标是用户必须能够以两种不同的方式修改该设备的设置：

• 通过wifi直接连接
• 在 ThingsBoard 上使用小部件

第一种方式已经实现。任何使用智能手机或计算机的人都可以连接到设备的 wifi 网关并在 Web 浏览器中显示设置。这些设置使用描述网页 UI 的 Json 模式进行组织。架构使用标准格式 react-schema-form。

为了实现 ThingsBoard 小部件，我想使用相同的模式。该架构将成为小部件的一部分，以描述其 UI。保持相同的模式显然是为了避免维护相同设置的 2 个不同定义。

我一直在研究一种在小部件中执行此操作的方法，但没有找到任何答案。我想要做的基本上与小部件的设置模式正在做的事情相同。设置架构描述了设置的 UI。我想使用模式来描述小部件的主 UI。网关小部件是我正在寻找的一个很好的例子。该小部件的 UI 被定义到上下文 ctx 中，我猜它嵌入了描述该 UI 的模式。但我不确定如何找到嵌入到 ctx 中的模式，也不确定这是否会帮助我做我想做的事。

所以问题是：如何使用 Json 模式定义 ThingsBoard 小部件的 UI？我必须将模式声明为小部件的 Javascript 部分的 var。那么，如何使用该 var 来显示相关的 UI？

谢谢你的帮助。

标签： jsonschemathingsboard