流程可视化开源Web应用-FUXA

 Web-based Process Visualization software.

https://frangoteam.org/

FUXA

FUXA is a web-based Process Visualization (SCADA/HMI/Dashboard) software. With FUXA you can create modern process visualizations with individual designs for your machines and real-time data display.

Features

• Devices connectivity with Modbus RTU/TCP, Siemens S7 Protocol, OPC-UA, BACnet IP, MQTT, Ethernet/IP (Allen Bradley)
• SCADA/HMI Web-Editor - Engineering and Design completely web-based
• Cross-Platform Full-Stack - Backend with NodeJs and Frontend with Web technologies (HTML5, CSS, Javascript, Angular, SVG)

Live Demo

Here is a live demo example of FUXA editor.

Installing and Running

FUXA is developed with NodeJS (backend) and Angular (frontend).

See the Wiki for more details about installing and getting started

Wiki

Wiki Installing/Building

Install from NPM

You need to have installed Node Version 18.

WARNING In linux with nodejs Version 18 the installation could be a challenge. If you don't intend communicate with Siemens PLCs via S7 (node-snap7 library) you can install from NPM @frangoteam/fuxa-min

npm install -g --unsafe-perm @frangoteam/fuxa
fuxa

Install from source

Download the latest release and unpack it

You need to have installed Node Version 18.

WARNING In linux with nodejs Version 18 the installation could be a challenge. If you don't intend communicate with Siemens PLCs via S7 you can remove the node-snap7 library from the server/package.json

cd ./server
npm install
npm start

Open up a browser (better Chrome) and navigate to http://localhost:1881

Creating the Electron Application

Electron is a framework for building cross-platform desktop applications using web technologies. An Electron application is standalone, meaning it can be run independently on your desktop without needing a web browser.

To create the Electron application, you need to have node.js 18 installed. Follow these steps:

Build Server and Client First

cd ./server
npm install
cd ../client
npm install
npm run build

Packaging

cd ./app
npm install
npm run package

After following these steps, you will have a standalone Electron application for FUXA. The application can be found in the ./app directory.

Usage

• Look the guide in wiki pages
• Look video from frangoteam
• Look video from Fusion Automate - Urvish Nakum

To Debug (Full Stack)

Install and start to serve the frontend

cd ./client
npm install
npm start

\

from https://github.com/frangoteam/FUXA

-----

FUXA是一款开源的流程可视化 Web 应用，可快速构建和部署可扩展的 SCADA，HMI，仪表板或 IIoT 系统的实时数据，构建多种不同设计风格的可视化流程图。支持创建具有个性化设计可视化面板，以及自动化工业工厂的控制仪表。项目基于Typscript编写，遵守MIT开源协议。

功能特色：

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

    SCADA/HMI Web 编辑器 – 完全基于 Web 的工程和设计.

    跨平台全栈 – 使用 NodeJs 的后端和使用 Web 技术（HTML5、CSS、Javascript、Angular、SVG）的前端.

源代码：https://github.com/frangoteam/FUXA