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 alive demoexample of FUXA editor.

Installing and Running

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

Running from docker

docker pull frangoteam/fuxa:latest
docker run -d -p 1881:1881 frangoteam/fuxa:latest

// persistent storage of application data (project), daq (tags history), logs and images (resource)
docker run -d -p 1881:1881 -v fuxa_appdata:/usr/src/app/FUXA/server/_appdata -v fuxa_db:/usr/src/app/FUXA/server/_db -v fuxa_logs:/usr/src/app/FUXA/server/_logs -v fuxa_images:/usr/src/app/FUXA/server/_images frangoteam/fuxa:latest

// with Docker compose
// persistent storage will be at./appdata./db./logs and./images
wget https://raw.githubusercontent /frangoteam/FUXA/master/compose.yml
docker compose up -d

Install fromNPM

You need to have installedNodeVersion 14 || 16 || 18.

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

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

Install from source

Download the latest releaseand unpack it

You need to have installedNodeVersion 14 || 16 || 18.

WARNINGIn linux with nodejs Version 16 || 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 tohttp://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 inwikipages
• Look video fromfrangoteam
• Look video fromFusion Automate - Urvish Nakum

To Debug (Full Stack)

Install and start to serve the frontend

cd./client
npm install
npm start

Start the Server and Client (Browser) in Debug Mode

In vscode: Debug ‘Server & Client’

To Build

Build the frontend for production

cd./client
ng build --configuration=production

Contributing

Any contributions you make are greatly appreciated. If you identify any errors, or have an idea for an improvement, please open anissue. But before filing a new issue, please look through already existing issues. Search open and closed issues first.

Pull-Requests

If you want to raise a pull-request with a new feature, or a refactoring of existing code please first open an issue explaining the problem.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Coding standards

Please ensure you follow the coding standards used through-out the existing code base. Some basic rules include:

• Indent with 4-spaces, no tabs.
• Opening brace on same line as if/for/function and so on, closing brace on its own line.

Some collaborations

Let us know!

We’d be really happy if you send us your own shapes in order to collect a library to share it with others. Just send an email to[email protected]and do let us know if you have any questions or suggestions regarding our work.

License

MIT.