Homeassistant-WLED-Card
Homeassistant-WLED-Card copied to clipboard
fixed
Hi there, sorry im not used to github this is my first time using it to showcase some work. I fixed the broken version of this where javascript modules refused to load and I have also found a small workaround for the https issue where a secured home assistant instance cant access a WLED on HTTP. my code and some bad instructions can be found at https://github.com/jake92918/Homeassistant-WLED-Card
for those interested in the https fix: install the nginx proxy manager. add a proxy host using an external IP or internal
for internal/Lan:( domain name = ip of homeassistant server scheme = https forward hostname/ip = ip of homeassistant server forward port = port of homeassistant [usually 8123] websockets support = on
under custom locations add location = /anyword you want scheme = HTTP forward hostname/ip = ip of WLED server forward port = 80
under SSL add: make a new SSL certificate )
for external/Wan:( domain name = wan ip or dns hostname scheme = https forward hostname/ip = lan ip of homeassistant server forward port = port of homeassistant [usually 8123] websockets support = on
under custom locations add location = /anyword you want scheme = HTTP forward hostname/ip = localip of WLED server forward port = 80
under SSL add: make a new SSL certificate )
then on line 33 of wled_control.js where it says fetch('http://${this.config.ip}/win', { change it to fetch('https://${this.config.ip}/win', {
lastly when you add the card put
" type: 'custom:wled-control-card' topic: *wled/mqqt-topic ip: hostname or ip of WLED server title: WLED Strip "
ip should be whatever you used for nginx proxy in the domain field followed by / and what you put for custom location field an example of what the ip should be is example.com/wledserver. thanks