本文共 668 字，大约阅读时间需要 2 分钟。

AIR724模块DTU配置上位机的设计

代码仓库： 代码质量一般。编译好的安装程序：

功能特性

用于4G、NB等模块通讯调试和配置。

• 基础串口助手功能
• DTU配置生成Json
• DTU快捷指令
• Json导入导出官方配置
• Json在线编辑
• 保存/加载软件配置信息到文件
• 刷新串口列表(手动刷新 视图->刷新串口列表)
• 自动升级

软件界面：

设计架构

• 配置表单 ： 考虑随时升级，配置表单采用iframe远程调用，这样当需要更新的时候，只需要更新服务器上的文件。并且iframe自带缓存，只需要访问一次后就能离线访问。这里也存在一个缓存问题，当服务器更新了iframe依然还会继续调用缓存，此时请按F6手动刷新缓存。
• UI框架：采用electron框架。Electron同样支持Window和Ubuntu系统，需要Ubuntu平台的软件请自行下载编译好的包。
• 串口框架：node serialport
• 打包： electron builder
• 自动升级： electron updater

技术栈：

• electron
• vue.js
• node serialport

编译安装

• npm install （如何加速请百度如何使用阿里云仓库）
• npm run electron:serve 启动调试程序
• npm run electron:build 打包（你可能会遇到node sass的问题和gyp的问题，百度解决，有点麻烦）

结尾

对物联网技术感兴趣请加入我们交流群，欢迎各类技术交流，

转载地址：http://zxvqf.baihongyu.com/