FUXA Addon: Process Visualization (SCADA/HMI/Dashboard) softwate

Add FUXA to your Home Assistant Supervised Installation. It is an easy web-based Process Visualization (SCADA/HMI/Dashboard) software

This Addon is based on GitHub - frangoteam/FUXA: Web-based Process Visualization (SCADA/HMI/Dashboard) software. All credits go to the team of frangoteam. Thanks for this awsome product. I instantly love it! Cheers
Amon

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.

fuxa ani

fuxa action

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 a live demo example of FUXA editor.

Here is another live demo

Add custom Repository to Home Assistant

Add this Repository https://github.com/SmartLiving-Rocks/FUXA/ manually or click here to add it via my Home Assistant:

Open your Home Assistant instance and show the dashboard of an add-on.

Here is how you do it

  • Go to Add-ons
  • Click on ADD-ON-STORE in the lower right corner (Blue Button)
  • Click on the three dots in the upper right corner
  • Select Repositories
  • Paste the url https://github.com/SmartLiving-Rocks/FUXA/
  • Hit Add and then close
  • Refresh the page
  • The new Add-on FUXA by SmartLiving.Rocks is now visible
  • Click on it
  • Install the Add-on

fuxa Add to Add on Store Home Assistant

Start the Add-on and use FUXA

  • Press Start
  • Check the Logs
  • Now FUXA is started and you can use it on port 1881
  • You can use homeasssitant.local:1881 (just replace the :8123 with :1881)
  • Have fun!

fuxa Add to Add on Store Home Assistant

Implement it into Home Assistant Dashboard

You can use the Webpage card - Home Assistant Lovelace card

2 Likes

I work mostly with Factory Talk View. Busy installing this for my home assistant.

Would be nice if it could get the entities like nodered does. I never was a fan of mqtt. For this i will bite down and start using mqtt.
I assume to get sensor data here I would have to manually publish those values using something like an automation to publish every second or so.
If there is another way to get the values I’d love to hear about it.

Hi, thanks for your feedback! That was my first thought as well. However, I do not have the skills yet to use the Home Assistant API or similar to get the entity states directly into FUXA. Here are two examples of how I currently do it:

Just one state automation

alias: MQTT Helper Relay 2
description: ""
trigger:
  - platform: state
    entity_id:
      - switch.relay_switch_quinto_2
condition: []
action:
  - service: mqtt.publish
    metadata: {}
    data:
      qos: 0
      retain: false
      topic: demo/relay_2
      payload_template: "{{ '1' if is_state('switch.relay_switch_quinto_2', 'on') else '0' }}"
mode: single

One Automation several states

alias: MQTT Arrigation Water Level
description: ""
trigger:
  - platform: state
    entity_id:
      - input_number.waterlevel_arrigation
    id: Water Level
  - platform: state
    entity_id:
      - input_boolean.light
    id: Light
  - platform: state
    entity_id:
      - input_boolean.pump
    id: Pump
  - platform: state
    entity_id:
      - input_boolean.ventilator
    id: Ventilator
  - platform: state
    entity_id:
      - input_number.water_tank
    id: Water Tank
  - platform: state
    entity_id:
      - input_number.temperatur
    id: Temperatur
  - platform: state
    entity_id:
      - input_number.humidity
    id: Humidity
  - platform: state
    entity_id:
      - input_number.ph
    id: PH
  - platform: state
    entity_id:
      - input_boolean.php
    id: PH +
  - platform: state
    entity_id:
      - input_boolean.ph
    id: PH -
condition: []
action:
  - choose:
      - conditions:
          - condition: trigger
            id:
              - Water Level
        sequence:
          - service: mqtt.publish
            metadata: {}
            data:
              qos: 0
              retain: false
              topic: /demo/arrigation/water
              payload_template: "{{ states('input_number.waterlevel_arrigation') }}"
      - conditions:
          - condition: trigger
            id:
              - Light
        sequence:
          - service: mqtt.publish
            metadata: {}
            data:
              qos: 0
              retain: false
              topic: /demo/arrigation/light
              payload_template: "{{ '1' if is_state('input_boolean.light', 'on') else '0' }}"
      - conditions:
          - condition: trigger
            id:
              - Pump
        sequence:
          - service: mqtt.publish
            metadata: {}
            data:
              qos: 0
              retain: false
              payload_template: "{{ '1' if is_state('input_boolean.pump', 'on') else '0' }}"
              topic: /demo/arrigation/pump
      - conditions:
          - condition: trigger
            id:
              - Ventilator
        sequence:
          - service: mqtt.publish
            metadata: {}
            data:
              qos: 0
              retain: false
              payload_template: "{{ '1' if is_state('input_boolean.ventilator', 'on') else '0' }}"
              topic: /demo/arrigation/ventilator
      - conditions:
          - condition: trigger
            id:
              - Water Tank
        sequence:
          - service: mqtt.publish
            metadata: {}
            data:
              qos: 0
              retain: false
              topic: /demo/arrigation/watertank
              payload_template: "{{ states('input_number.water_tank') }}"
      - conditions:
          - condition: trigger
            id:
              - Temperatur
        sequence:
          - service: mqtt.publish
            metadata: {}
            data:
              qos: 0
              retain: false
              topic: /demo/arrigation/temperatur
              payload_template: "{{ states('input_number.temperatur') }}"
      - conditions:
          - condition: trigger
            id:
              - Humidity
        sequence:
          - service: mqtt.publish
            metadata: {}
            data:
              qos: 0
              retain: false
              topic: /demo/arrigation/humidity
              payload_template: "{{ states('input_number.humidity') }}"
      - conditions:
          - condition: trigger
            id:
              - PH
        sequence:
          - service: mqtt.publish
            metadata: {}
            data:
              qos: 0
              retain: false
              topic: /demo/arrigation/ph
              payload_template: "{{ states('input_number.ph') }}"
      - conditions:
          - condition: trigger
            id:
              - PH +
        sequence:
          - service: mqtt.publish
            metadata: {}
            data:
              qos: 0
              retain: false
              payload_template: "{{ '1' if is_state('input_boolean.php', 'on') else '0' }}"
              topic: /demo/arrigation/phplus
      - conditions:
          - condition: trigger
            id:
              - PH -
        sequence:
          - service: mqtt.publish
            metadata: {}
            data:
              qos: 0
              retain: false
              payload_template: "{{ '1' if is_state('input_boolean.ph', 'on') else '0' }}"
              topic: /demo/arrigation/phminus
mode: single

That’s exactly what I did. I have some sensors with Open/Close and On/Off states. Had to convert in template to 1/0.
I’ve been looking for something like this for a long time. I already have a couple of stuff running. The one thing I am missing is the Gauge background. The background setting changes the bar background, but square card itself is always white.
What I want to do, is use a dark grey background for the main page, so that color stands out more and the tablet is less bright at night.
Do yo perhaps have advise on that?

I think that is a question for frangoteam:

Is there a way to connect FUXA to HA WebAPI without token?

Unfortunately not. I do not have the skills yet.