FUXA连接mqtt搭建组态应用

FUXA

https://github.com/frangoteam/FUXA

FUXA 技术栈: NodeJS (backend) and Angular (frontend).
FUXA 是开源的web组态软件 可以快速搭建自己的web应用

启动

下载最新的代码 注意node环境搭配

  • 服务端

    1
    2
    3
    cd ./server
    npm install
    npm start
  • 客户端

    1
    2
    3
    cd ./client
    npm i
    npm run start

emqx 启动mqtt服务

安装mqttx客户端 方便后面测试

web应用组态搭建

  • web项目中配置mqtt服务

设置 => Connections => 新增

配置服务地址等

  • 创建tag 到上面新增的服务里面创建tag

    • 设置要订阅的主题
    • 绑定主题里面对应的数据 如果是json数据 设置要监控的adress(也就是订阅主题的json数据的对应的key)
    • 最后点击订阅按钮新增tag

这样就把一个主题下的所有json数据解析成一一对应的关系 可以在后面的设备上绑定不同的tag

  • 回到编辑器界面
  • 拖拽一条管道组态
  • 选中进入属性=> actions 界面
  • 绑定上面监控的tag
    通过tag监控到的不同值 改变管道的动态
  • 回到mqttx 客户端发送tag对应的json数据 就可以控制管道的停止 运行

图片

图片

图片