Calling an internal web page

Third party integrations AppDaemon
1

Is it possible to create a local web page to be directed to it with the “widget_type: navigate”?

I tried:
url: http://hassio.local:5050/test.html
but it does not work.

Is there another directory somewhere that I should store the html file into to have it work correctly?

2

You could try an ipanel

3

I could not find any documentation on AppDaemon about ipanel, Cold you please explain more about this ipanel?

4

Just point the url to the html file

5

Thanks for the quick response, but it still doesn’t show me just where to place a local HTML file. Which is the main point to this thread

6

Somewhere accessible, suggest in the share folder, and check the directory is on the whitelist

7

you also can use an iframe widget.
with the navigate you only can go to a dashboard.

so create a dashboard with a fullscreen iframe widget and you can navigate to it.
to view stuff i do create or images i use

conf/custom_css/html

and then in the iframe widget you can use the url:

http://hassio.local:5050/custom_css/html/test.html

edit: i need to correct myself. you can also use the navigate to go to an url so you can use that url there directly.

8

Thank you ever so much on your timely responses. For it is greatly appreciated.

I will try this later for I am about to move into a new home that will be automated from the help you gave me.

1 Like
9

ReneTode14d,

could you please give me the full file code of what you are explaining to me? For I am not sure just were I am supposed to place the code of “conf/custom_css/html” and just how I coded it up to navigate to it directly

10

what code?

you ask where to place the html file you want to create. so that can be done in a subdirectory from your appdaemon conf directory.
conf/custom_css/html/test.html

then you can use the navigate widget to goto:
http://yourdashboard_url/custom_css/html/test.html

11

ReneToda,
I did not know that were explaining to me to make a director. I thought I had to place “conf/custom_css/html/test.html” into some type of file.

I tried thls but it did not work. I am using a Hasbian image and had to make a directory of /home/homeassistant/conf/custom_css/html and made a test.html file within that.

Then i tried to call it with url 192.168.0.105:5050/custom_css/html/test.html.

I also added per robmarkcole sugesston to the configuraton.yaml file -
whitelist_external_dirs: /home/homeassistant/conf/custom_css/html

12

do you have appdaemon and HAdashboard installed?
if so then you have an appdaemon configuration directory (where appdaemon.yaml is)
that is conf.
but it will only work if you have appdaemon and HADashboard correctly up and running and for that you need to look at your logfiles.
if you have a correct working dashboard, you can use the navigate widget to go to an url.

dont forget it needs to be a complete url including http://

edit: changing things in HA config wont help your appdaemon settings.
edit2: the directories need the right filerights. appdaemon must be able to read and write in it with the user you use to start appdaemon.

13

ReneTode,
yes I do have appdaemon and HAdashboard installed.

The dashboard and the main Home Assistant page loads OK. I can see my switches. But the switches are not working. I am trying to use the generic MQTT that was loaded on the Hassbian. Tonight I will download Mosquitto and configure http://that.

Do I have to append the :5050 to the http://yourdashboard_url/

14

do you have a dashboard created that works? (and i mean a HADashboard not something from home assistantself)
and how do you view that in your browser?

15

Yes I have HADashboard displayed. For if I just enter in the url-
192.168.0.105:5050
it will give me the HADashboard splash screen and the list of all my x.dash files that I can choice from

EDIT: I am using a regular Raspberry Pi tied into my router so I can use its browser to connect to the Hassbian

16

in what dir is your appdaemon.yaml?

17

/home/homeassistant/conf/

18

are you sure it is that and not
/home/.homeassistant/conf/

19

doesnt really matter.

in that conf dir you need to create a subdir called custom_css with a subdir html
the dir needs the right filerights.

in a dashboard you can then use:

some_widget:
    widget_type: navigate
    title: test
    url: http://dashboard_ip:5050/custom_css/html/test.html
20

ReneTode, that did it!

Thank you ever so much for your help.

Oh and just to let you know, the actually directory that my configuration.yaml resides in is-
/home/homeassistant/.homeassistant/

1 Like