using reef-pi API on my website

[bleuchzsteve]

I'm running a robo-tank with reef-pi and I've set up a web page that will broadcast a live view of my tank and live parameters. The issue I'm having is getting the data to display on the web page. The error I'm getting when trying to hit the API is not authorized, so I think the issue is because of the authentication page. Is anyone familiar with this? Is it possible to use the data even though its protected with the cookie layer? Thanks

 

[ColoredRock]

you need to obtain an authentication token. (cookie) you can get an authentication token by sending a POST request.
It might be easier to use an iframe and insert Grafana into it..

 

[bleuchzsteve]

I will try this , thank you…I was thinking that authentication and cookies were two separate things but that makes sense,

 

[bleuchzsteve]

so a bit of an update- i've got my reef pi set up and is monitoring temp and ph currently. love it. I'm still trying to figure out how to use GET requests to get the data and have it constantly appear on my webpage that i'm hosting on github pages (https://wrserne.github.io/) .

ive tried using a post request to get authentication and then use that in future requests..it seems like this works locally but that it wouldn't work for someone to access the data from their own computer when viewing the site.

I've tried cors-anywhere, i believe this also has the same issue of only working locally.

Chatgpt tells me I can make my own API to broadcast the data and then hit that API to view it on my page.. I'm not opposed to doing this but something tells me there is an easier way.

I'm new to development and am probably overlooking or over thinking something so if anyone has any advice on how to achieve this i would greatly appreciate it! I just need my temp and ph values from the api to show up on the webpage.

cheers

 

[bleuchzsteve]

you need to obtain an authentication token. (cookie) you can get an authentication token by sending a POST request.
It might be easier to use an iframe and insert Grafana into it..

see below

 

[ColoredRock]

are you passing the data thru you firewall on your router? can you acess the port from outside your network?

 

[bleuchzsteve]

I

are you passing the data thru you firewall on your router? can you acess the port from outside your network?

I don't believe i can access it from outside my network and im not sure about the firewall, im guessing I need to check the firewall and change the config so that it allows the traffic?

 

[ColoredRock]

I would be careful doing that.. you are better setting a vpn or something to access to reef-pi from an external network.

The site works when your home correct? Just not when you are someplace else.

 

[Sral]

I would be careful doing that.. you are better setting a vpn or something to access to reef-pi from an external network.

The site works when your home correct? Just not when you are someplace else.

I definitely agree, that’s a risky route to take.

I do however think that a vpn is not what he wants. As far as I understand he wants a publicly accessible webpage, e.g. on GitHub pages, that displays the data and Webcam lifestream.

A better way might be to use a service or interface on the internet where the PI itself is broadcasting its data to, like Adafruit IO, I think. GitHub pages might then get the data from there.
The other option would be to regularly send the data to GitHub pages using some kind of http interface there, although I don’t know whether that’s possible.

 

[Ranjib]

Reef pi uses session based authentication, are you not able to use that in your script. An you share details of how you are getting the data out? Session auth is standard across languages