How to make the heater node from Node-Red visible on Lovelace UI

Hello,

I am just started with Home Assistant and not a good programmer as wel. I used Node-red to set the temperature for my IR panels with the heater node. My problem however is that I can’t find how to display the information and slider of this node on the Lovelace UI. I have the same problem with the slider node.
Can someone explain, in not to difficult words, how to do this?
Thanks in advance,
Kees.

you can’t show the dashboard you created in Node Red in home assistant. you need to create another one in home assistant and use it to trigger nodes in node red.
there isn’t a slider in original lovelace cards but you can use this custom card https://github.com/thomasloven/lovelace-slider-entity-row

NodeRed has it’s own Dashboard you can use the Nodes in the node-red-dashboard package to achieve this.

To find the url of the your node red dashboard click on the open pop window under dashboard in the right hand menu like in pic below.

You can then use a webpage card in lovelace to embed the node red dashboard in lovelace :grinning:

himm never thought about it. but can you access it outside of your local network without forwarding the node-red port?

I only just discovered this method so was ‘paying it forward’ on a couple posts.

Its working fine on my computer, I thought I would pickup my phone and test on mobile data (outside network) and it didn’t work and then I put my phone on the network and it still doesn’t show.

Will need to look further into it on another day as spent pretty much whole day researching how to make the node red dashboard work in lovelace.

I found out what the issue was.

  1. Yes you need to port forward 1880 on your modem for external connection eg if your using duckdns
  2. Any new computer or device MUST authorize itself with Node Red Dashboard.

To authorise node red UI dashboard page

  1. Make sure you have added a username and password (you can make these whatever you want) in the node red addon config page.
  2. Then go into node red and from the right menu window choose Dashboard and then click on the pop out window icon which will open the node red dashboard on port 1880 and you will be requested to sign in with the node red sign in details you saved in the node red addon config setup.
  3. The device will now be able to view the node red dashboard and it will start working in lovelace
  4. I have confirmed that this is required any device local or not when accessing for the first time.

Example of the node red settings area

credential_secret: '!secret node_red_credential_password'
dark_mode: false
http_node:
  username: uniqueNodeRedUsername
  password: uniqueNodeRedPassword
http_static:
  username: uniqueNodeRedUsername
  password: uniqueNodeRedPassword
ssl: true
certfile: fullchain.pem
keyfile: privkey.pem
require_ssl: true
system_packages: []
npm_packages: []

Hello Tom,
many thanks for your reply. Sorry for my late reaction but I did’t get the message that someone replied. It maybe went in the spam box and I did’t see it.
I did get it working so I’am very happy now!!!
Kees.