首页 » 99链接平台 » 物联网开发利器:基于web的强大的可拖拽组态软件(组态利器联网开发拖拽)

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

少女玫瑰心 2024-11-29 00:11:03 0

扫一扫用手机浏览

文章目录 [+]

功能特性:

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

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

物联网开发利器:基于web的强大的可拖拽组态软件(组态利器联网开发拖拽) 99链接平台
(图片来自网络侵删)

· 该系统设计用于在各种操作系统中运行,安装方便。
后端用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,进入到编辑页,如下图所示。

编辑页

连接硬件到 FUXA

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

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

硬件信息设置

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

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

添加硬件信息

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

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

硬件属性信息

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

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

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

创建仪表板并绑定数据

4.运行/调试

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

调试界面

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

标签:

相关文章

女员工瞬间慌了神(领导齐鲁万元锦旗公司)

1月25日,看着挂在墙上的锦旗,丁勇明白,他肩上的担子更重了。丁勇是莘县公安局莘州派出所副所长,几天前,一名女子将一面制作精良的锦...

99链接平台 2024-12-07 阅读107 评论0