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

物联网
后台-插件-广告管理-内容页头部广告(手机)

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)开发,并与所有主流浏览器兼容。

快速开始

  1. 环境搭建

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,启动成功后人如下图所示。

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

服务启动成功

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

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

编辑视图

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

显示视图

开始使用

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

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

编辑页

  1. 连接硬件到 FUXA

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

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

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

硬件信息设置

点击右下角的加号(+)按钮,添加硬件信息。

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

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

添加硬件信息

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

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

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

硬件属性信息

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

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

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

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

创建仪表板并绑定数据

4.运行/调试

点击顶部工具栏的开始按钮(右三角),进入调试界面。

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

调试界面

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

后台-插件-广告管理-内容页尾部广告(手机)
标签:

评论留言

我要留言

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。