iFrame to local IP address

Configuration Frontend
1

Sorry guys, but searched the web and couldn’t find propper solution without going into reverse proxies and different manipulations with router port forwarding etc.
Task I would like to perform looks easy, however I can’t figure it out.
I have tab in lovelace using iFrame written in my config file:

# iframe
panel_iframe:
  virtual_tour:
    title: "My Router"
    url: "https://192.168.1.1"
    icon: mdi:web

I’m trying to access router’s page through home assistant web interface from outside off my local network. This can be basically any page, for instance TASMOTA device page for debugging or using it’s built-in console if for some reason I would like to chose different access point or to use it’s builtin web interface or any other device.
Im not so strong in networking, but if HA works in local network: why can’t it access other devices in that particular network and work just like VPN to browse them?
So is it possible to do that using simple yaml code in lovelace? Or maybe there is any kind of addons or integration for it?

2

Hi, I don’t think you can do it that way: you are opening https://192.168.1.1 on the network that you are connected to.
Say you are connected to a network over wifi, not your own (friend/family/…), which uses the same IP addressing scheme and you use the companion app to connect remotely to your HA, that iframe still will be opening 192.168.1.1 on that network that you are connected to.

In case you are connected to the internet with 4G, that iframe also will try to open 192.168.1.1 which does not exist in that subnet.

3

And in addition there’s a hard limit (you want this to prevent tunneling attacks) where if you’re using https for the primary page you cannot use http in the iframe and vice versa.

Basically I frames aren’t intended to let you slip through HA to access stuff on your local net. If you want that you absolutely will need to resort to reverse proxies and the like.

4

Or better yet, set up some VPN and you will be on the local network all the time and it would generally be more secure.

5

The TailScale VPN addon is possibly the easiest way to go.

6

Cool, thanks for directions, I will certainly give it a try.
Appreciate again in advance

Update: tailscale works, I couldn’t open router’s page using iFrame, guess that is browser’s security issue, however being connected to VPN I did managed to open needed IP just like Im in the home network.

Thanks a lot for help.