Homeassistant-WLED-Card icon indicating copy to clipboard operation
Homeassistant-WLED-Card copied to clipboard

fixed

Open jake92918 opened this issue 4 years ago • 0 comments

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

jake92918 avatar Feb 03 '21 22:02 jake92918