Friday, August 11, 2023

Freeboard revisited 2

 For an index to all my stories click this text

Freeboard is an IOT dashboard that looks great and is is easy to use.


 

You need to install Freeboard on a webserver so your ESP's or Raspberry Pico's can access it to show their data in the form of charts, gauges and indicator lights. For an introduction to Freeboard I urge you to read this story: http://lucstechblog.blogspot.com/2019/10/freeboard.html

When I wrote that story Freeboard was still a free service that offered free access to build your own Freeboard dashboard on their servers. However a few months later they became a paid service and no longer free for hobbyists like us.

Then I found the Freeboard software on Github. And it was published there under a Mit license meaning it was free to download and copy for your own purposes. So I made a copy of the Freeboard software (I urge you to do so yourself) by forking their repositry. You can find the source here: https://github.com/Freeboard/freeboard
 

I tried to run Freeboard from Github pages. However the previous story showed that Freeboard would not run on Github pages:
http://lucstechblog.blogspot.com/2023/08/freeboard-revisisted-part-1.html

So I needed another webhost to install Freeboard.

000webhost


 

In the past I had used 000webhost. Their servers are fast and they offer a free plan. That plan allows you to build 1 website, 300MB disk space and 3GB bandwidth. It is a bit meagre but sufficient to install and use Freeboard.


 

So sign in and choose + Create New Site.



 

Give your website a name (I choose surprisingly Lucsfreeboard) and choose a password.



 

On the right side choose File Managger.


 

Click on the public-html folder and it opens. There is one small file inside. Do not alter that.
We are going to upload the Freeboard software to this folder.

Open another browser window and go to your Freeboard repositry or to the original Freeboard repositry. Again I urge you to fork the Freeboard repositry to your own Github account. You can find it here: https://github.com/Freeboard/freeboard
You can also fork the code from my repositry: https://github.com/Lucvolders/freeboard



 

On your, Freeboards or mine repositry choose the green button on the left (Code).

Choose Download Zip and download the zipped files.
Now open the downloaded zip file and put its contents in a folder on your computer. Open that folder. Select all files in the folder and drag them to the 000webhost filemanager page.


 

All files will get uploaded into the public-html folder.

Done !!!

Close the file manager and choose My Sites on the left side of the 000webhost page.


 

As you can see lucsfreeboard is ready and already running. The name you can access this page with is: https://lucsfreeboard2.000webhostapp.com/ off course your name will be different.

And then you will encounter the same problem. Freeboard will not fetch data from Dweet because you opened the HTTPS page.


Luckily 000webhost allows to also open the page as: http://lucsfreeboard2.000webhostapp.com/ and then everything works as expected.

If you want to do some testruns before installing Freeboard on your own webserver you can use the link to my testversion: http://lucsfreeboard2.000webhostapp.com/

Now we can use Freeboard again just like we used to.
So start experimenting !!

Till next time
Have fun

Luc Volders