Tutorial to fix 401: Unauthorised Error with Grafana for mobile devices

dexstar · November 6, 2020, 5:43am

Hope this helps someone down the road.

First of all I am in no way an expert in any of these amazing software: InfluxDB, Grafana or Home Assistant.

Credit goes to the gifted minds of those applications that provide to us such amazing tools.

This is my guide to fix the 401 error on mobile devices. I’m a visual person, so that’s what you’ll
get.

Required:
1: Awesome Home Assistant
2: InfluxDB
3: Grafana
4: Hit = Clicking the mouse button

OK, lets rock:

In HA, navigate to Supervisor Tab and select Grafana.

Set these options in Configuration. I am using port 8182; but you can use any FREE port.

Save and restart addon.

Open your browser and navigate to your HA with the port you have set.

You should see this screen and it should be all downhill from here.

Click on the 4 boxes and select Manage. Select your dashboard.

Hit the share icon. Set options and copy link to notepad.

In HA select the 3 dots to Edit Dashboard.

Hit the + icon. Select options to suit yourself and Save.

Hit the + icon and select Webpage Card.

Paste the link from notepad and you should now be golden.

But wait there’s more …let’s pimp it up a bit… remember that link you have in Notepad. Add &kiosk to the link in the previous step.

The beauty of InfluxDB,Grafana and HomeAssistant on your mobile devices.

Enjoy.

tom_l · November 6, 2020, 6:37am

Will this work for https (duckdns)?

Though I don’t think it is required in that case, the side panel ingress link works perfectly on mobile.

dexstar · November 6, 2020, 11:03am

Not sure . Could you post some screens with/without duckdns so I can update OP.

tom_l · November 6, 2020, 11:06am

I’m happy just using the side menu. It works on mobile.

dexstar · November 6, 2020, 11:11am

Awesome.

noide35 · December 16, 2020, 8:43pm

Thanks a lot, It was very helpful !

huziahmetov · January 12, 2021, 9:38am

It work for me, but only in local network. I do not view grafs from internet. In my oppinion it is not secure to use anonymous accees to grafana from whole internet.
You can make it work from anywhere:

if you use https on HA (in duckduck cake you do so), you need to use https on grafana.
You need to use port forvading on your router to grafana port

Screenshot_20210112_135119627×660 43.5 KB

Eu66n · February 13, 2021, 5:41pm

OK, works but looks like you have the “door closed” and use the window instead … to enter in HA

mortenx · March 23, 2021, 3:56pm

it works!

port forward router:
443 to 8123 tcp
and
80 to 3000 tcp
and grafana setings:

plugins: []
env_vars:
  - name: GF_AUTH_ANONYMOUS_ORG_NAME
    value: Main Org.
  - name: GF_AUTH_ANONYMOUS_ENABLED
    value: 'true'
  - name: GF_AUTH_DISABLE_LOGIN_FORM
    value: 'false'
ssl: false
certfile: fullchain.pem
keyfile: privkey.pem

silviohenriquejr · April 15, 2021, 8:27pm

I created a login account on this community only to thank u!
This is the only solution that solved my issues with grafana on lovelace!
Thank you!!!

dexstar · April 15, 2021, 10:25pm

No problem welcome to forum too.

iamrjh · June 5, 2021, 10:37am

I also created a login account on this community to thank you!
This was very useful, and worked. This problem was a thorn in my eye
Thanks a lot!

Vahaldor · November 26, 2022, 3:30pm

Did work it for you all on your own domain or you just dealt with a problem that other devices on the local network did not show the grafana panels? I cannot make it work. Using domain, synology nas for running ha, reverse proxy from my subdomain. Grafana returns 401 unauthorized. If I make her own domain, I see just blank white window

dexstar · November 26, 2022, 11:11pm

Just for devices on my local network.

Warrender · February 13, 2023, 3:25pm

Hello,

is there an update for the current ha version?
unfortunately this doesn’t work for me. Where did I make the mistake?
I configured it like this. I can’t find the “Template variables” item in Grafana.

Edit: My mobile device is connect via VPN to HA.

dexstar · February 14, 2023, 12:55am

Hello my friend, just did a quick test of this and can confirm that all is good on my end with latest version of everything.

I am assuming that you have everything installed and working fine.

That was how it looked from an older version of Grafana.

Once you have a dashboard created and saved …

Hit the share icon … and copy the URL link

Follow the other steps and paste into a Webpage Card, you should hopefully get this …

As for accessing via VPN, I don’t use and am unable to help there.

All the best and do update how you get along.

Warrender · February 14, 2023, 7:35am

Thanks a lot for your help. Unfortunately I could not fix the error. Maybe something is wrong with my Grafana configuration?
Today I got the 401 error on my PC. Once I opened the dashboards in Grafana, I was then able to see the dashboards again on the Webpage Card.

dexstar · February 14, 2023, 7:51am

Sorry you are having trouble, maybe try doing things again from the beginning if possible ?

Everything is working here on my end with the latest version of everything like shown.

Probably something minor.

Update how you get along

Andrew_Saunders · February 14, 2023, 11:54am

I had the same problem, worked on Pc not on moble or tablet Both Android,
Changed the ip to full adress from the local , now working on mobile not Pc .
did all sugestions as above , in end simply made 2 dashboards one called mobile grapths other called Pc Grapths. dependingon device made one visible and other hidden.
works a treat, as they say “Simples”

dexstar · February 14, 2023, 12:54pm

Nice but mine is working fine with the one dashboard; on all my PC/Mobile/Tablet devices, so not sure why.

Screenshot from HA App.