RT-Thread-【开源的串口可视化工具——Serial Studio】RT-Thread问答社区

【开源的串口可视化工具——Serial Studio】

发布于 2022-07-21 14:09:59 浏览：3128 订阅该版

[tocm]

# 1. Serial Studio前言
分享一个开源的串口项目——`Serial Studio`，这是一个强大的数据可视化软件，支持串口通信，串口终端，网络通信 TCP/UDP，MQTT通信协议。这个项目遵循`MIT`协议，所以是可以商用的。

> Serial Studio 允许您轻松地显示、处理和导出嵌入式项目中的数据。该应用程序能够与串行端口、网络套接字和 MQTT 代理进行交互。

项目的主页地址：[`https://serial-studio.github.io/`](https://serial-studio.github.io/)
![在这里插入图片描述](https://oss-club.rt-thread.org/uploads/20220721/b6ef246ac3522114222cf3bdadc702a2251f331c.png)
# 2. Serial Studio特点
1. 多个小部件

> 使用 FFT 图表、多数据图、对数图、仪表、条形小部件等可视化您的数据。

2. 导出您的数据

> Serial Studio 可以根据从您的嵌入式设备接收到的数据实时生成 CSV 文件。

3. 数据完整性检查

> 支持 CRC-8、CRC-16 和 CRC-32 校验和。有关更多信息，请查看此问题。

4. 项目编辑

> 无需打开代码编辑器或阅读 wiki 即可轻松创建和编辑您的项目。

![在这里插入图片描述](https://oss-club.rt-thread.org/uploads/20220721/d0e7e2708f4cfc14258c46f61425ed3f9c1785e1.png)
# 3. Serial Studio下载安装
源代码已经托管到Github上，项目地址：[`https://github.com/Serial-Studio/Serial-Studio`](https://github.com/Serial-Studio/Serial-Studio)
![在这里插入图片描述](https://oss-club.rt-thread.org/uploads/20220721/c6d62aa2febcc9a6cc3b32d20aa6a5ad4da2364f.png)
这个项目已经累积到2.8K的star了 ，这个项目的源码是完全开发的，所以非常方便进行二次开发，增加一些自己想要的功能。编译本项目的唯一要求是在你的电脑系统中安装 QT ， 本项目编译支持 Qt 5.15。在GNU/Linux系统上，还需要安装libgl1-mesa-dev才能编译应用程序。
已使用的Qt模块的完整列表：
- Qt SVG
- Qt Quick
- Qt Widgets
- Qt Networking
- Qt Serial Port
- Qt Print Support
- Qt Quick Widgets
- Qt Quick Controls 2

这个项目的具体构建过程可以参考GitHub上的构建说明，基于Python环境。如果想要直接使用软件的话，直接进行下载安装即可。
下载地址：[`https://github.com/Serial-Studio/Serial-Studio/releases`](https://github.com/Serial-Studio/Serial-Studio/releases)
![在这里插入图片描述](https://oss-club.rt-thread.org/uploads/20220721/37fccc65978110946573cc77861aa5ae53a9891a.png)

这里我下载并安装了软件，进行了简单的试用，整体来说，很不错。
![在这里插入图片描述](https://oss-club.rt-thread.org/uploads/20220721/15b8423d7e1b8efb79f424f4f16256e811d7bbec.png)
安装后主界面
# 4. Serial Studio使用
这里需要加载一个json文件，对于控制面板里的每一个组件，需要在json中配置好，然后通信协议发送特定格式的数据，就可以将数据可视化地显示出来了。
## 4.1 配置文件
json文件配置，打开Serial Studio，点击`json编辑器`
![在这里插入图片描述](https://oss-club.rt-thread.org/uploads/20220721/d492aa863ce8f01013f8f91686fd7f913932cae3.png)
设置json解析格式，首先添加组别，包含帧头、分隔符、帧尾以及数据显示格式，记得申请保存哟！🤣🤣🤣下面是两组数据`state1，state2`
![在这里插入图片描述](https://oss-club.rt-thread.org/uploads/20220721/beda26e4554bd229cb4716050273f67d7852c1fc.png)
![在这里插入图片描述](https://oss-club.rt-thread.org/uploads/20220721/3693781124178bb6d6edcb324eec5585bfb81a49.png)
下面就是配置的json文件

```json
{
    "frameEnd": "*/",
    "frameStart": "/*KAANSATQRO,",
    "groups": [
        {
            "datasets": [
                {
                    "alarm": 0,
                    "fft": false,
                    "fftSamples": 1024,
                    "graph": true,
                    "led": true,
                    "log": false,
                    "max": 0,
                    "min": 0,
                    "title": "state1",
                    "units": "",
                    "value": "%1",
                    "widget": ""
                },
                {
                    "alarm": 0,
                    "fft": false,
                    "fftSamples": 1024,
                    "graph": true,
                    "led": true,
                    "log": false,
                    "max": 0,
                    "min": 0,
                    "title": "state2",
                    "units": "",
                    "value": "%2",
                    "widget": ""
                }
            ],
            "title": "led",
            "widget": ""
        }
    ],
    "separator": ",",
    "title": "test"
}

```
## 4.2 数据来源
1. 采用串口在线输入
![在这里插入图片描述](https://oss-club.rt-thread.org/uploads/20220721/d3293e0e8d37a661fc1986517979d4ee7be12907.png)
 格式需与上面一致
```bash
/*KAANSATQRO,0,0*/
```
显示效果
![在这里插入图片描述](https://oss-club.rt-thread.org/uploads/20220721/3d764a520f6bc60bdabe5914b5775f35ffd690b7.png)

2. 采用csv离线导入
![在这里插入图片描述](https://oss-club.rt-thread.org/uploads/20220721/849b214c28d805a2b6415eff23ed83f9834ee3c3.png)
部分数据截图
![在这里插入图片描述](https://oss-club.rt-thread.org/uploads/20220721/6d2372c5dc5809d596ee11ac6fd64317cc6ef9a4.png)
演示效果：
![请添加图片描述](https://oss-club.rt-thread.org/uploads/20220721/90633c76d5198dd21dcc14fb505c5f53212347fe.gif)

参考文献：
[我又发现一个开源串口神器，太强了](https://mp.weixin.qq.com/s/bLsFkIxQ_3adzskT9xUrEQ)
[Serial Studio+json配置文件+csv](https://download.csdn.net/download/VOR234/86247314)
下面是详细实用说明：
[https://www.alex-spataru.com/blog/introducing-serial-studio](https://www.alex-spataru.com/blog/introducing-serial-studio)
[https://github.com/Serial-Studio/Serial-Studio/wiki/Introduction-to-widgets](https://github.com/Serial-Studio/Serial-Studio/wiki/Introduction-to-widgets)