如何使用 Bittly 为串口设备快速创建上位机

在开发硬件设备或嵌入式系统时，串口通讯（Serial Communication）是非常常见的一种数据传输方式。为了更高效地测试串口通讯并快速执行各种命令操作，您可以通过 Bittly 的面板功能将串口通讯相关操作封装成易用的 UI 控制面板，简化操作并提升开发效率。

准备

在开始之前，您需要确保已安装最新版本的 Bittly，并已安装好串口设备的驱动程序。您可以在 Bittly 官网 下载适合您系统的 Bittly 版本。请确保您的电脑可以正常识别串口设备。

场景

假设我们的设备是一台检测设备，我们希望通过 Bittly 的面板功能实现以下操作 ：

• 设备启动复位
• 样本添加
• 设备工作状态监控
• 获取样本检测结果

创建面板

在创建面板之前，我们需要在 Bittly 的指令管理模块中将场景相关的操作录入为指令以便在面板中进行引用。 例如：

指令录入完成后，我们可以通过 Bittly 的控制面板模块来创建一个交互界面。首先切换到面板功能模块，然后在顶部工具栏中点击 + 按钮，新建一个空白的面板：

接着我们从右侧设置栏中的组件列表里将按钮拖拽至面板画布中：

我们希望的是，当点击这个按钮的时候能够执行指令 设备启动复位。 那么，首先选中按钮， 然后配置按钮的动作为执行指令， 最后在弹出的指令配置弹框中选择 设备启动复位 即可， 例如：

由于该指令无需参数，所以我们直接使用指令默认配置即可。 对于需要修改参数的指令可在参数配置区域直接进行修改， Bittly 面板在执行时会在自动处理在面板中配置的参数并发送到设备中。 现在我们切换到运行模式来测试一下按钮点击的动作：

将输入框中的内容作为指令参数执行

当指令执行需要自定义参数时，例如样本添加操作， 我们需要输入样本的批次号信息。 那么我们可以通过数据输入组件来提供输入输入并配置到指令中， 首先我们先添加一个文本输入框并配置组件ID备用， 该输入框用于输入样本批次号：

接着在添加一个按钮并依照之前的步骤配置该按钮动作为指令执行， 指令我们选择 样本添加。 这里我们将批次号参数改为使用输入框中的内容， 例如：

其中批次号内容则通过 {{$widget('inputLotCode').value()}} 实现由输入框中的内容来提供。

保存配置信息后，我们再次切换到运行模式进行测试：

循环定时执行指令

在上述场景中， 我们需要获取设备运行状态信息， 我们可以通过点击按钮的方式时不时的点击一下来获取一次设备信息，但同时我们也可以通过定时器组件来每个固定的时间自动的执行获取设备信息的指令并显示出来。

首先添加一个定时器组件，然后设置时间间隔为1秒：

然后我们设置定时器动作为执行指令， 并选择指令为获取设备状态， 同时将设备状态值保存到变量中：

面板变量是在面板运行过程中用于临时存储数据的方式， 变量可在右侧配置栏中进行编辑操作， 例如：

在指令执行时， 我们需要将设备状态映射到一个可读的状态名称， 例如 0 表示设备就绪， 1表示检测完成等。 我们先通过组件列表来添加一个 状态查看组件, 然后再编辑状态映射关系， 例如：

这样当设备状态变量发生变化时，状态查看组件自动进行翻译并显示可读的状态名称， 我们切换到运行模式来运行一次：

数据输出

最后，当设备检测完成后，我们需要通过获取样本检测结果接口来获取样本检测结果并输出出来。 首先我们新建一个变量用于存储检测结果数值， 然后添加一个数值输出组件用于显示数值内容， 例如：

我们切换到运行模式来测试一下：

如果我们希望再设备状态变更后能够自动的查询检测结果，我们可以通过变量监视器组件实现。 变量监视器组件用于监视面板变量， 当变量发生变化时执行变量监视器所配置的动作， 例如：

这样配置完成后，当设备状态发生变化时，Bittly 便会自动进行检测结果查询并输出，我们切换到运行模式运行：

结束

通过 Bittly，您可以轻松搭建串口设备的上位机界面。该平台支持快速创建交互式控制面板，允许用户通过拖拽组件、绑定指令和设置变量，灵活管理串口通讯。这种直观的 UI 设计不仅简化了操作流程，还提升了调试与测试的效率。借助于实时监控和自动执行功能，开发人员能够更加专注于设备的功能实现与优化，从而加快整个开发周期并提高产品质量。无论是在样本检测、设备状态监控还是结果输出方面，Bittly 都为串口设备的管理提供了强有力的支持。