物联网浏览器(IoTBrowser)-简单介绍

合集 - 物联网浏览器(IoTBrowser)(14)

1.物联网浏览器(IoTBrowser)-简单介绍2024-01-23

2.物联网浏览器(IoTBrowser)-Web串口自定义开发2024-01-253.物联网浏览器(IoTBrowser)-顶尖OS2电子秤协议实现2024-01-264.物联网浏览器(IoTBrowser)-电子秤模块及二次驱动开发2024-01-295.物联网浏览器(IoTBrowser)-Modbus协议集成和测试2024-01-316.物联网浏览器(IoTBrowser)-MQTT协议集成和测试2024-02-037.物联网浏览器(IoTBrowser)-Java快速对接施耐德网络IO网关2024-04-158.物联网浏览器(IoTBrowser)-使用深度学习开发防浸水远程报警2024-04-229.IoTBrowser V2.0：引领物联网时代的全新浏览器2024-06-2610.码农的转型之路-全力以赴升级物联网浏览器(IoTBrowser)2024-06-2711.物联网浏览器(IoTBrowser)-基于计算机视觉开发的应用“智慧眼AIEye”2024-07-1112.让摄像头带上智慧“智驭视界·AIEye”2024-07-1713.探讨使用智能AI在农业养殖中的风险预警与应用2024-08-0614.2025你好01-03

收起

物联网浏览器(IoTBrowser)是用于开发人机界面(HMI)或数据采集与监督控制系统(SCADA) 的工具，使用HTML或Vue前端技术开发物联网终端用户界面，支持串口、RFID、电子秤等硬件协议，支持js控制关机、全屏等工控操作。

 

 

一、示例功能展示

1.窗口界面能力

常用的功能界面全屏、设置屏幕大小等。

2．系统应用能力

 

常用的功能界面系统关机、设置标题、设置图标等。

使用F12快捷键可以快速调起开发者工具，方便调试前端功能。管理密码为：123

3.Web串口调试

 

Web串口调试，使用WebSocket双向通讯，实时采集并展示到界面。可以借助echarts、three.js等前端界面框架实现漂亮界面。

二、示例源码介绍

1.配置文件

2.代码目录

三、二次开发和打包

1.HBuilderX开发

a.导入目录

b.双击运行

c.修改代码

修改文件并保存

右击调出右击菜单点击刷新，或者使用快捷键F5即可快速刷新查看修改后效果

2.VS下开发和打包

a.修改图标

替换logo.ico

2.F5运行即可

3.生成打包exe

注意：发行只要需要exe文件，此exe为免安装版，运行目录就是安装目录。

 

项目开源地址：

https://gitee.com/yizhuqing/IoTBrowser