A weather display web application for presenting temperature information gathered by locally installed Netatmo weather sensors.
Originally when development started, I optimized this for a 1st generation iPad. Using Chrome browser on iPad allows us to "hide" the browser chrome by tapping on the date.
- Netatmo weather station — you will need the MAC address of the big module. My setup consists of big module and three additional modules, thus the app is optimized for the amount.
- Netatmo connect dev app created (this is needed to authorize fetching the data via Netatmo API) — you will need to make note of the
client IDandclient secretunder App Technical Parameters. - Your latitude and longitude for weather forecast by Finnish Meteorological Institute and for sunrise/sunset times — get these by opening Google Maps on desktop and right-clicking on the map; you can see the coordinates on the top of the popup.
- Web server with PHP support (local is fine).
- Clone the repository to web server.
- Run
npm install. - Run
composer install. - Rename
env.exampleto.envand adjust the definitions inside it. - Open the site on the server.
When developing and testing locally, you may bump into an error message saying SSL certificate problem: self signed certificate. In this case, you should download the cacert.pem certificate bundle and define the location of this file in php.ini directive like so:
curl.cainfo = "c:\example_folder\cacert.pem"
If you're using Local by Flywheel on Windows, the correct file is php.ini.hbs and can fe found under Local Sites\<sitename>\conf\php-x.y.z where x.y.z is the PHP version currently utilized by the site. Add the line, restart the site.
Weather forecast from Norwegian Meteorological Institute's developer API.
Icons from Feather Icons. Weather symbols from Yr.