FUXA：打造实时数据的流程可视化Web应用

你知道吗？在工业自动化领域，实时监控和数据可视化是非常重要的，而FUXA正是这样一款工具。它是一款开源的Web应用，专注于流程可视化。通过FUXA，你可以为机器创建不同设计风格的可视化流程图，实时展示数据。是不是听起来很酷？

FUXA的强大功能

FUXA不仅仅是一个简单的可视化工具，它支持多种设备连接协议，比如Modbus RTU/TCP、Siemens S7 Protocol、OPC-UA、BACnet IP、MQTT以及Ethernet/IP（Allen Bradley）。这意味着无论你的设备使用哪种协议，FUXA都能帮你搞定。

另外，FUXA的SCADA/HMI Web-Editor完全基于Web，这让工程设计变得更加灵活和便捷。它的跨平台全栈架构，后端使用NodeJs，前端则采用HTML5、CSS、Javascript、Angular和SVG等Web技术，确保了它的现代化和高效性。

如何安装和运行FUXA

安装FUXA其实很简单，只需要几个步骤。首先，你需要确保你的系统上安装了Node.js版本18。接下来，可以选择从Docker运行或者从NPM安装。

使用Docker运行：

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

    

如果你需要持久化存储应用数据、历史数据、日志和图像资源，可以使用以下命令：

    
bash复制
    
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

    

从NPM安装：

如果你不打算通过S7协议与西门子PLC通信，可以直接使用以下命令安装：

    
bash复制
    
npm install -g --unsafe-perm @frangoteam/fuxa
fuxa

    

安装完成后，打开浏览器（推荐使用Chrome），访问http://localhost:1881，就可以开始使用FUXA了。

创建Electron应用

FUXA还支持创建Electron应用，这意味着你可以将它作为独立的桌面应用运行，而不需要依赖浏览器。创建过程也很简单：

1. 确保已安装Node.js 18。
2. 构建服务器和客户端：

       
   bash复制
       
   cd ./server
   npm install
   cd ../client
   npm install
   npm run build
   
       

   cd ./server npm install cd ../client npm install npm run build
3. 打包应用：

       
   bash复制
       
   cd ./app
   npm install
   npm run package
   
       

   cd ./app npm install npm run package

完成这些步骤后，你将在./app目录中找到FUXA的独立Electron应用。

使用和贡献

FUXA的使用非常直观，你可以参考Wiki页面或者观看frangoteam和Fusion Automate - Urvish Nakum的视频教程。如果你在使用过程中发现了问题或者有改进建议，非常欢迎你通过GitHub提交issue或者贡献代码。

最后嘛，我的感觉是，FUXA作为一款开源的流程可视化工具，不仅功能强大，而且安装使用也非常方便。如果你正在寻找一款能够实时展示机器数据的工具，FUXA绝对值得一试！