Kluis: 3 stappen

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

Ce tutorial montre commentaar configureer un shield Arduino en tant que server Web hébergeant une page Web HTML sur la carte SD du shield donc dans un réseau local. La page Web permet de saisir un texte dans une zone didier a ca. Lorsque on kliek op de pagina over de pagina Web “submit”, de tekst van de sera gerichte gezant op de kaart en de sera afficher op de LCD TFT aangesloten op de Arduino.

Un Arduino Mega (of een andere gebruiker van een eigen carte du même genre que la l'arduino Mega mais il faudrait revoir un peu le code), un blindage (shield) WIFI en un écran LCD TFT 3.5'' voor noodzakelijke montage (ou comme pour la carte de programmation, un materiel compatible similaire).

Les foto's ci-dessous montre le projet smi-finale en cours de test

Stap 1: Liste Des Composants:

Nous aurons besoin de plusieur choosen pour le projet, donc les composants essentiel sont:

Mega 2560 R3 ATmega

www.amazon.fr/Elegoo-Carte-ATmega2560-ATM…

Shield Wifi ARDUINO

www.amazon.com/Compatible-Connects-Interne…

l'ecran LCD TFT 3,5"

fr.aliexpress.com/item/Free-shippping-LCD-…

Batterijen voor alimentation

es.aliexpress.com/item/3-7v-4200mah-Batter…

1.0A DIY mobiele powerbank printplaat

m.aliexpress.com/item-desc/1980898343.html

Un fer à souder

fr.aliexpress.com/item/New-Arrival-Best-P….

Une boite ou un coffre (comme ici):

french.alibaba.com/wholesale/Vente-en-gro…

Niet meer praten, laten we het maken!!!!

Stap 2: Montage

Connexion du shield WiFi à l'Arduino:

de verbinding met de poort naar de poort spécifique dans l'arduino soit pour un ESP8 avec les pin Tx et Rx ou dans notre cas avec le shield WiFi arduino R3 la connexion se fait via les port ICSP, qui se fait facilement et quasi automatique Le point à retenir est de biens voir les pin de connection selon votre materiel

Aansluiting van de l'écran LCD à l'Arduino:

Les broches par défaut utilisées pour l'écran LCD sont différente par rapport au type, la marque et le model du dysplay, donc il faut voir avec les constructeur des composants à acheter. Pour connecter l'écran LCD à l'Arduino ne peuvent pas être utilisées en même temps que le blindage WIF est branché sur l'Arduino. Gebruiksbrochures voor het gebruik van LCD-schermen die u kunt aanpassen aan de hand waarvan u gebruik kunt maken van de blindage WIFI en Arduino.

Dans l'esquisse de ce projet, les broches de données suivantes sont connectées à l'écran LCD:

LCD_CS A3

LCD_CD A2

LCD_WR A1

LCD_RD A0

LCD_RESET A4

Ces broches correspondent au code suivant utilisé pour initialiser l'écran LCD:

Adafruit_TFTLCD tft(LCD_CS, LCD_CD, LCD_WR, LCD_RD, LCD_RESET);

Stap 3: Le Code Finalement

Avant de beginner le program et de se dir que le code est déjà fait donc ya pas de soucis c'est la qu'on tombe dans het piège parce que avant de starter à faire les le noyau du code il faut tout d'abord chercher les bonnes bibliothèques pour chaque composants dans le circuit ca vous évitera d'écrire des disent ou même des centaine de ligne de code supplémentaire donc les libraires sont primordiale.

la première capture d'écran représente un bref recapitulatif du code une partie essentiel les librairies

pour l'écran LCD

#erbij betrekken

#erbij betrekken

giet le WiFi

#erbij betrekken

#erbij betrekken

pour la carte SD #include la deuxième capture d'écran représente un bref récapitulatif du code une autre partie celle des point a definire (tel que les pin, les commande pour les requêtes HTML #define REQ_BUF_SZ 90 #define TXT_BUF_SZ 90

#define LCD_CS A3

#define LCD_CD A2

#define LCD_WR A1

#define LCD_RD A0

#define LCD_RESET A4

#define BLACK 0x0000

#define BLAUW 0x001F

#definieer ROOD 0xF800

#define GROEN 0x07E0

#define CYAAN 0x07FF

#define MAGENTA 0xF81F

#define GEEL 0xFFE0

#define WIT 0xFFFF

Adafruit_TFTLCD tft(LCD_CS, LCD_CD, LCD_WR, LCD_RD, LCD_RESET);

la troisième capture d'écran représente un bref récapitulatif du code pour connecter l'arduino et le shield wifi au réseau

char ssid = "rahim"; // nom du réseau SSID

char pass = "geheim wachtwoord"; // mot de passe

int keyIndex = 0;

int-status = WL_IDLE_STATUS;

WiFiServer-server (80);

Bestand webBestand;

char HTTP_req[REQ_BUF_SZ] = {0};

char req_index = 0;

char txt_buf[TXT_BUF_SZ] = {0};

et pour la dernière capture d'écran:

De tekst van de pagina Web La fonction GetLcdText () dans de esquisse récupère le texte pour l'écran LCD-partir de la requête HTTP GET toegang tot de gevolmachtigde van de navigatie Web lorsque l'utilisateur clique sur le bouton de la page Web.

Lees meer over de ruimten van de gezant van de tekst om te converteren en% 20 par le navigatie avant d'être gezanten. Hangende code is een kopie van de tekst van de tekst, kan worden omgezet in de code van de ruimten en de karakters van de ruimte die worden weergegeven op het LCD-scherm.

Er is een eenvoudige demonstratie die u kunt gebruiken om GET te gebruiken voor uw tekst via een schild WiFi en een bevestiging op een LCD-scherm van 3,5.

mercis