物联网开发利器:基于web的强大的可拖拽组态软件

myzbx 2024-12-26 15:17 50 浏览

FUXA是一款功能强大的基于web的开源组态软件，可快速构建和部署可扩展的SCADA、HMI、仪表板或IIoT系统。使用FUXA，您可以创建现代化、可视化、形象化的流程，来反映您的机器和实时数据的状态，为自动化工业工厂的控制仪表进行个性化设计。

功能特性：

· 支持Modbus RTU/TCP的设备、西门子S7协议、OPC-UA、BACnet IP、MQTT、以太网/IP的连接（Allen Bradley）

· FUXA的SCADA/HMI Web编辑器-完全基于Web的可视化工程和设计

· 该系统设计用于在各种操作系统中运行，安装方便。后端用NodeJs开发，用户界面是一个可扩展的HTML5 web前端，使用web技术（HTML5、CSS、Javascript、Angular、SVG）开发，并与所有主流浏览器兼容。

快速开始

FUXA由NodeJS（后端）和Angular（前端）开发。

首先需要安装Node（版本10、12或14）和NPM（版本>=6.11并<7.xx）。

通过git下载最新版本,或者下载zip包进行解压。

git clone https://github.com/frangoteam/FUXA.git

解压完成后在dos命令下进入根目录，进入server文件夹

cd server

下载依赖包

注意：如果下载遇到超时问题，可将npm下载镜像换成国内淘宝镜像：npm config set registry https://registry.npm.taobao.org，然后再执行以下命令。

npm install

启动服务端

npm start

服务端默认端口为1811，启动成功后人如下图所示。

FUXA由两个不同的视图组成：用于编辑项目的FUXA编辑器和用于显示可视化项目产品的FUXA视图。

开始使用

打开浏览器（建议Chrome）输入http://localhost:1881/editor，进入到编辑页，如下图所示。

如上图所示，点击“+”按钮创建GUI，创建成功后是一个空白页；

点击设置小图标（2处），然后点击“Connections”，进入硬件信息设置界面，如下图所示。

点击右下角的加号（+）按钮，添加硬件信息。

我这边是本地启动了一个MQTT服务，所以这里选择的Type为mqtt，然后添加对应的地址，添加完成后如上图所示，在服务下显示有一个创建成功的硬件信息。

点击添加好的硬件信息的超链接按钮，进入属性设置界面，如下图所示。

点击左上角的加号（+）按钮，即可进入属性添加页面，根据返回/订阅的数据的格式，来进行添加即可。

2.将数据从设备推送到FUXA服务

如第一步（1）所示，添加mqtt订阅完成后，根据设置的时间间隔，数据会定时传送到fuxa服务。

3.构建实时GUI SCADA/HMI/仪表板，选中控件，在右边工具栏处选择property（属性）按钮，绑定在第一步中设置的属性信息即可。

4.运行/调试

点击顶部工具栏的开始按钮（右三角），进入调试界面。

以上就完成了fuxa组态软件的简单使用。

HTML5 SVG

相关推荐