Widget voor online weerweergave met de ESP8266: 4 stappen:

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:15

Een paar weken geleden leerden we hoe we een online weerweergavesysteem konden bouwen dat weersinformatie voor een bepaalde stad ophaalde en op een OLED-module weergaf. We gebruikten het Arduino Nano 33 IoT-bord voor dat project, een nieuw bord dat veel functies heeft, maar iets duurder en groter is in vergelijking met alternatieven. In dit bericht zullen we leren hoe we deze compacte en schattige kleine online weerweergave-widget kunnen bouwen die vergelijkbaar is met het vorige project.

De video hierboven behandelt alles wat je moet weten en legt ook uit hoe de schets in elkaar zit.

Stap 1: Verzamel de elektronica

We zullen het WeMos D1-minibord gebruiken dat gebruik maakt van de ESP8266-chipset en we zullen een 0,96-inch OLED-module gebruiken voor het display.

Stap 2: Download, update en upload de schets

Net als bij het vorige project zullen we de weersinformatie verkrijgen van de OpenWeatherMap-service. Download de schets via de volgende link:

We hebben eerst een API-sleutel nodig om de OpenWeatherMap-service te gebruiken. De OpenWeatherMap-service heeft een gratis abonnement dat maximaal 60 API-aanroepen per minuut mogelijk maakt. Dit betekent dat we weersinformatie kunnen opvragen met een maximum van één keer per seconde, wat meer is dan wat we nodig hebben. De video gaat over het hele proces, maar hier is een tekstversie van wat er moet gebeuren:

Begin door u aan te melden of in te loggen op de OpenWeatherMap-service en ga naar de API-sectie. Voer de naam voor een nieuwe sleutel in en klik op de knop genereren. Maak een notitie van deze sleutel, maar deel deze met niemand. Het duurt even voordat deze sleutel geactiveerd is, dus u zult even moeten wachten. Het kan tot een uur duren voordat dit is voltooid, maar mijn sleutel werd binnen 10 minuten geactiveerd.

Begin met het bijwerken van de schets door uw wifi-inloggegevens toe te voegen, omdat we hiervoor verbinding moeten maken met een netwerk. Het andere dat u in de schets moet doen, is de API-aanroep bijwerken met uw stadsinformatie en API-sleutel. Zorg ervoor dat u het juiste kaartondersteuningspakket hebt geïnstalleerd voor het ESP8266-bord. U moet ook de ArduinoJSON- en u8g2-bibliotheken installeren om de schets te laten werken. De video neemt je mee door het proces van het installeren van dit alles.

Als je klaar bent, sluit je het bord aan, zorg je ervoor dat je de juiste bordinstellingen hebt geselecteerd en druk je op de uploadknop. Eenmaal geüpload, zal het bord de status samen met de weersinformatie naar de seriële terminal afdrukken. U kunt dit bekijken om er zeker van te zijn dat alles werkt zoals verwacht, voordat u naar de volgende stap gaat.

Stap 3: Sluit de OLED-module aan en test

Nu de schets correct werkt, moeten we de OLED-module aansluiten. Gebruik het hierboven getoonde bedradingsschema en zorg ervoor dat u de juiste voedingsspanning op de OLED-module aansluit, aangezien sommige slechts 3,3 V accepteren.

Eenmaal aangesloten, zet u het bord aan en ziet u het welkomstbericht. Geef het bord een paar seconden om de weersinformatie te verkrijgen en het zal het naar de OLED-module afdrukken.

Stap 4: Gebruik een behuizing

Het enige wat ik nu nog moet doen, is een geschikte behuizing toevoegen en ik zal dit model van Thingiverse (https://www.thingiverse.com/thing:857858) gebruiken. Dit is dezelfde die werd gebruikt voor het netwerktijdproject en ik vind het er best leuk uit zien.

Voeg draad van geschikte lengte toe aan de OLED-module samen met wat dubbelzijdig plakband. Zet het op zijn plaats en gebruik wat hete lijm in de buurt van de draden om het op zijn plaats te houden. Plaats vervolgens het bord op de lade / achterklep en soldeer de OLED-module erop zoals voorheen. Duw tot slot het deksel op zijn plaats en voeg wat lijm toe om het op zijn plaats te houden.

Als je deze build leuk vond, overweeg dan om je te abonneren op ons YouTube-kanaal en ons te volgen op sociale media. Het kost niets, maar uw steun zal ons enorm helpen om dit soort projecten te blijven realiseren.

• YouTube:
• Instagram:
• Facebook:
• Twitter:
• BnBe-website:

Bedankt voor je ondersteuning!