ESP8266 Weather & KVG Infoscreen: 5 passos

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:15

Es tracta d’una senzilla pantalla d’informació per a Weatherforecast a través de darksky.net i pantalles en directe d’aturades d’autobusos a Kiel a través de "KVG Echtzeitabfahrten".

La pantalla infogràfica es basa en un NodeMCU (ESP8266) i una pantalla LCD ILI9341.

Pas 1: es requereixen peces i eines

Parts:

• La placa NodeMCU, conté mòdul Wifi ESP8266 (AliExpress, Ebay, Amazon)
• LCD tàctil de 2, 8 "320x240px (AliExpress, eBay, Amazon)
• Qualsevol banc d’alimentació econòmic, idealment amb un interruptor d’alimentació (AliExpress, Ebay, …)
• Alguns cm de filferro
• Alguns materials per al cas, per exemple fusta

Eines:

• Soldador i soldadura
• Si està disponible una màquina CNC per a la caixa

Pas 2: connexió

La connexió entre NodeMCU i la pantalla es mostra a la part superior. Només necessiteu algunes línies curtes per a la connexió:

Mostra NodeMCU

• VCC 3.3V
• GND GND
• CS D8
• RESET 3.3V
• DC D3
• SDI D7
• SCK D5
• LED de 3,3V
• SDO D6
• T_CLK D5
• T_CS D2
• T_DIN D7
• T_DO D6
• T_IRQ D1

Pas 3: Preparació de l'IDE Arduino

He utilitzat l’Arduino IDE (v1.8.2) per a la programació.

Instal·leu el suport ESP8266 Arduino Després de descarregar l’IDE, heu d’indicar al programari que admeti els mòduls ESP8266:

1. Aneu a Fitxer> Preferències.
2. Inseriu la línia següent al camp "URL del gestor de taules addicionals":
3. Aneu a Eines> Tauler> Gestor de taulers …
4. Cerqueu ESP8266 i instal·leu "esp8266 per la comunitat ESP8266".
5. Aneu a Eines> Tauler i seleccioneu la vostra placa ESP8266. Si heu comprat una de les taules que he esmentat anteriorment, heu de seleccionar NodeMCU 1.0 (mòdul ESP-12E).
6. Després de la instal·lació del controlador, seleccioneu el port adequat per al NodeMCU a Eines> Port.

Instal·leu els controladors CH340 Si no hi apareix, ara hauríeu d’instal·lar els controladors CH340 per al vostre sistema operatiu. Podeu trobar els controladors a través de google o, per exemple, aquí.

Instal·leu les biblioteques Arduino necessàries Aneu a Sketch> Inclou biblioteca> Gestiona biblioteques … i instal·leu les biblioteques següents:

• ArduinoJson de Benoit Blanchen
• Json Streaming Parser de Daniel Eichhorn

També hem d’instal·lar biblioteques addicionals, que no es poden trobar al gestor de biblioteques. Hi ha dues maneres d’instal·lar-les. El més senzill és copiar les biblioteques incloses al meu projecte GitHub a la carpeta "biblioteca" Arduino i reiniciar l'IDE Arduino. L'altra consisteix a descarregar les biblioteques necessàries de GitHub i instal·lar-les:

• TFT_eSPI de Bodmer
• XPT2046 de Spapadim
• Temps de PaulStoffregen

Baixeu-vos el projecte des de GitHub

github.com/basti8909/Weather-KVG-infoscreen

Pas 4: Personalització del codi font

Si heu instal·lat les biblioteques manualment, primer heu d'editar el fitxer "User_Setup.h" de la biblioteca TFT_eSPI. En cas contrari, podeu saltar les dues línies següents.

• Línia 17: activeu ILI9341_DRIVER
• Línia 83-86: definiu els pins per a la pantalla tal com es mostra a la part Connexió

Ara obriu el fitxer ESP_InfoDisplay.ino amb l'IDE Arduino i personalitzeu el vostre programari:

WiFi

A la línia 108, configureu el SSID i la contrasenya

Parades d'autobús

Necessiteu el número de parada d’autobús KVG per a la vostra parada d’autobús preferida. Això es pot fer obrint el lloc web següent, on col·loqueu una part del nom de la vostra parada d’autobús després de la "consulta =", p. Ex. "consulta = Dreiecks"

kvg-kiel.de/internetservice/services/lookup…

Ara hauríeu de veure una llista amb el nom de la vostra parada d’autobús. Obriu el codi font del lloc i veureu alguna cosa com "li stop =" 23 "> Dreiecksplatz" on 23 és el número de la vostra parada d'autobús. Ara podeu posar aquest número a la línia 172/175/178 del fitxer principal o mirar al fitxer KVGliveAPI.h i afegir la vostra parada d'autobús núm a la llista literal (com ara "static const int Dreiecksplatz = 23;") i utilitzar-lo nom (KVGliveAPI:: KVGstop:: Dreiecksplatz) a la línia 172/175/178 del fitxer principal.

Si voleu tenir més / menys parades d’autobús, només heu d’editar la instrucció switch a partir de la línia 170 i canviar el número màxim de mode a la línia 138.

Accés i ubicació de l'API meteorològica

Per accedir a l’API de darksky.net necessiteu una clau secreta que sigui 100% gratuïta. Només us heu de registrar a darksky.net per a desenvolupadors. Després d'iniciar la sessió, veieu un camp amb el títol "La vostra clau secreta". Aquesta clau hexadecimal de 32 caràcters l'heu de copiar a la línia 61 del fitxer DarkSkyAPI.h entre les barres inclinades.

Si voleu canviar la ubicació meteorològica, només heu d'editar la línia 16 del fitxer DarkSkyAPI.cpp i la línia 25 per al nom de la ubicació.

Ara podeu compilar i penjar el programa a l’ESP8266 (i hauria de funcionar!:))

Pas 5: construir el cas

Properament …