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

2023-04-27 2353

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

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

1. Serial Studio前言

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

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

项目的主页地址：https://serial-studio.github.io/

2. Serial Studio特点

多个小部件

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

导出您的数据

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

数据完整性检查

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

项目编辑

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

3. Serial Studio下载安装

源代码已经托管到Github上，项目地址：https://github.com/Serial-Studio/Serial-Studio

3.1.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

3.2.png

这里我下载并安装了软件，进行了简单的试用，整体来说，很不错。

3.3.png

安装后主界面

4. Serial Studio使用

这里需要加载一个json文件，对于控制面板里的每一个组件，需要在json中配置好，然后通信协议发送特定格式的数据，就可以将数据可视化地显示出来了。

4.1 配置文件

json文件配置，打开Serial Studio，点击json编辑器

4.1.png

设置json解析格式，首先添加组别，包含帧头、分隔符、帧尾以及数据显示格式，记得申请保存哟！🤣🤣🤣下面是两组数据state1，state2

4.11.png

4.12.png

下面就是配置的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"
}