FUXA personal learning summary (1)

FUXA Personal Study (1)

Introduction to the FUXA Framework

  • FUXA is a powerful web-based software to quickly build and deploy scalable SCADA, HMI, dashboard or IIoT systems. With FUXA, you can create modern process visualizations with individual designs, real-time data displays, and control instruments for automated industrial plants for your machines.
  • FUXA supports common communication standards such as Siemens S7 protocol and OPC UA, allowing connection to third-party OPC servers. The list of supported communication standards can be extended by developing additional drivers.
  • FUXA's software model is based on a Node.js runtime where you point your web browser to access editors to create applications (SCADA/HMI/Dashboard) and as a client you can run visualizations.

source code acquisition

  1. git Get address: https://github.com/frangoteam/FUXA.git
    Select the folder to be stored, and then enter the command to clone
    git clone https://github.com/frangoteam/FUXA.git
    insert image description here
  2. npm Get
    Select the folder to be stored, and then enter the command to get it.
    npm install -g --unsafe-perm @frangoteam/fuxa
    fuxa
    This is officially provided, and I have never fully implemented it
  3. Directly download and decompress and use (I use this solution)
    Download address:    FUXA source code

Protocol

  • The FUXA platform includes connectors that enable direct communication with Siemens PLCs and OPC UA data sources:
  • Client for OPC UA connections.
  • S7 protocol for communication with Siemens CPUs 200, 300, 400, 1200 and 1500 via Ethernet.
  • Modbus RTU/TCP, BACnet IP, MQTT, Ethernet/IP (Allen Bradley), WebAPI

technical framework

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

insert image description here

Environment build

  1. Nodejs installation, and configure environment variables
  2. Pythone environment installation, and configure environment variables (be sure to pay attention to details here)

Framework initialization

Server build

  • From the menu bar = "Terminal = "New Terminal, call up the command line
    insert image description here
  • input the command
    cd server
    npm i
    insert image description here
  • After loading the required modules, you can start the server.
    Enter the command
    npm start
    insert image description here
  • As shown in the figure, the address of the server is http://127.0.0.1:1881/
    insert image description here

Client build

  1. Create a new terminal, do not close the server, enter the client folder
    to install the client module
    insert image description here

insert image description here

  1. start the client
    npm start
    insert image description here

insert image description here

如图所示,客户端的地址为 http://localhost:4200/

Special Note

Related software = " toolkit

Guess you like

Origin blog.csdn.net/XW_MR/article/details/127691017