开源 HMI-SCADA-Dashboard

完整的基于 Web 的平台，可用于整个楼宇控制系统以及 SCADA 应用，用于能源、配水、制造工厂、实验室……

FUXA 是一个基于网络的过程可视化（SCADA/HMI/Dashboard）软件。使用 FUXA，您可以为您的机器和实时数据显示创建具有个性化设计的现代过程可视化FUXA 允许在没有网络编程知识的情况下轻松创建工业网络 HMI、SCADA、网络应用程序和仪表板应用程序。通过 OPC UA、Modbus、BACnet、Ethernet/IP (Allen Bradley) SiemensS7 或 MQTT 连接您的过程。使用拖放功能，使用预定义的小部件直观地创建您的解决方案。配置访问权限、警报、历史数据。在 PC、触摸屏或智能设备（如平板电脑或智能手机）上的任何 Web 浏览器中运行 HM

上特性

轻量级和可移植的跨平台应用程序

FUXA 非常容易从使用 Raspberry Pi 的小型项目进行扩展，以实现大型设施的可视化。

它还提供强大的完全基于 Web 的新工具，允许您实时创建丰富的可视化、数据日志、警报、通知、趋势和远程设备控制。

连接性 - 包含的设备连接器

它通过行业标准物联网协议 MQTT、OPC-UA、BACnet、Modbus、SiemensS7、以太网/IP (Allen Bradley) 将设备连接到一个易于使用的界面中。

串行或 TCP 等低级协议可以让您快速与自定义或专有协议进行交互。

可视化工具

集成的图形编辑器易于使用，并允许无限的创造力。

使用预定义的小部件轻松创建动态 SCADA 仪表板，让任何人都可以创建直观且吸引人的基于 Web 的 HMI、工业应用程序和仪表板，用于实时数据可视化和远程设备控制。

趋势 - 图表

创建实时和历史趋势可视化，同时绘制多个数据点。用于分析和导出数据的交互式可视化控件。

警报管理 - 事件通知

可以启用警报以监控具有固定、可调节和跟踪警报限制的模拟和数字信号。将消息（例如警报消息或系统信息）转发给指定人员。

避免你钻了牛角先搞个心理建设

FUXA 是使用 NodeJS（后端）和 Angular（前端）开发的,别慌着入门到放弃，如果你任你是vue/react偏好，牢记一个点，语言和框架就是工具,只有用合适的工具，工作才会变的轻松，Angular虽然是主流框架之一，但是份额一直不咋地，我最早接触angular还是1.0版本的，后来就没再碰过了，有一说一，构建密集型复杂交互,还是这玩意儿用的顺手，语言框架一通百通，互相借鉴，才是技术成长的本质，最重要的还是，工作完成了，哪管用啥,框架的最终归宿还是互相“借鉴”。

上才艺

下载，开搞,有几种方式，因为涉及到有服务端部分调研改造考量，我用的基础方式

先吐槽一下，服务端和前端部分的结构有点儿差异，要么放一起，要么用个lerna不香嘛

cd .\client\
yarn

如果你和我一样node版本16以上版本,且python310,node-sass有问题vue的老哥应该和你熟悉
解决版本冲突后，发现node-sass依然有问题，node i -D node-sass升级一下看看，我是这样解决的,不同人可能情况不同

    "ngx-color-picker": "^8.0.0",
    "@angular/animations": "7.2.0",
    "@angular/material": "7.2.0",

在调试模式下启动服务器和客户端（浏览器）

In vscode: Debug ‘Server & Client’

类似这种

我比较看重的是连接里面的协议支持，算是我当前看到过相对比比较完善的,应该是具体有实际应用的，很多组态的其他开源感觉假大空居多。

另外提供了三种模式：预览、编辑、测试

后续

当前已经基本完成了环境等问题,服务端部分相对比较简单,可以适应改造,主要运行相关内容的时候node的版本有点儿不一致，遇到了一些问题,解决运行后，总体的观感还可以。

结束语

这次实践的有点儿短，顺便吐槽一下,这个node_modules版本不一致升级的时候,确实有点儿磨人，没办法，不过好在问题已然解决,后续如果有新的进展会持续更新，对组态感兴趣的小伙伴可以把我当成人工实验机,技术验证有后续结果会继续更新
加个关注吧！

组态，你值得拥有