Accueil / esp8266 / Serveur Web (Interface)

Serveur Web (Interface)

L’ESP8266 peut fonctionner comme un mini serveur internet (Web Server) que l’on peut utiliser pour réaliser une interface graphique accessible depuis un navigateur internet. Il est possible d’utiliser des thèmes très récents pour créer des interfaces HTML modernes (Bootstrap, Bootswatch…). On peut piloter le GPIO directement depuis un navigateur internet, tracer des graphiques (Google Charts, Chart.js, Gauge.js…). La connexion Wi-Fi de l’ESP8266 donne une nouvelle dimension à projets d’objets connectés 100% DIY !

ESP8266 (Web Serveur – Partie 5) : gauges et graphiques Google Charts

esp8266 web server spiffs bootstrap dht22 bmp180 google charts

Maintenant que nous disposons d’un historique de mesures, nous allons ajouter des graphiques à l’interface Web de l’ESP8266 à l’aide de la librairie Google Charts. Il existe de très nombreuses librairies pour créer des graphiques et des gauges en Javascript / HTML5. Google Charts est une librairie très riche qui …

Lire la suite »

ESP8266 (Web Serveur – Partie 4) : ArduinoJson, charger, enregistrer des fichiers (SPIFFS)

arduinojson esp8266 json charger enregistrer spiffs historique acquisition donnees

Dans ce 4ème tutoriel consacré à la programmation Web Server des ESP8266, nous allons traiter du stockage des fichiers dans le système de fichier SPIFFS. Nous allons poursuivre le développement de la mini station météo et stocker les mesures dans un objet JSON à l’aide de la librairie ArduinoJson. Il est …

Lire la suite »

ESP8266 (Web Serveur – Partie 3) : Récupérer l’heure sur un serveur de temps (NTP)

esp8266 ntp server ntpclientlib timelib arduino

Dans ce troisième tutoriel consacré à la création d’une interface Web pour des projets DIY à base d’ESP8266, nous allons apprendre comment récupérer l’heure depuis un serveur de temps (à l’aide de la librairie NtpClientLib). La zone de stockage SPIFFS qui équipe la majorité des ESP8266 est très pratique pour stocker …

Lire la suite »

ESP8266 (Web Serveur – Partie 2) : Interaction entre le code Arduino et l’interface HTML

esp8266 webserver dht22 bmp180 bootstrap

Voici la seconde partie des tutoriels consacrés à la création d’une interface HTML stockée dans la zone SPIFFS d’un ESP8266 fonctionnant comme un serveur web. Dans ce tutoriel, nous allons ajouter le code nécessaire à la mise en place des interactions entre l’interface Web et le code Arduino. Nous allons …

Lire la suite »

ESP8266 (Web Serveur – Partie 1) : stocker l’interface Web dans la zone SPIFFS (HTML, CSS, JS)

esp8266 spiffs wemos d1 mini web server bootstrap dht22 bmp180

Nous continuons notre série d’articles sur la programmation de la partie Web Server (serveur web) des modules ESP8266. Dans les articles précédents, nous avons vu comment mettre en place le Web Server, puis comment améliorer l’affichage en utilisant le framework Bootstrap (et utiliser les thèmes Bootswatch). Dans les deux premiers épisodes, …

Lire la suite »

Bootstrap (Serveur Web ESP8266) : utiliser les thèmes Bootswatch (code Arduino)

demo webserver esp8266 theme bootstrapCDN superhero

Bootswatch propose des thèmes gratuits pour Bootstrap. Nous continuons la série d’articles sur la programmation de la partie Web serveur des ESP8266. Dans ce tutoriel nous allons voir comment personnaliser le thème par défaut (remplacer la feuille de style CSS par défaut) du framework Bootstrap. Si vous prenez le train en …

Lire la suite »

Bootstrap : donner un aspect moderne à l’interface Web de vos projets ESP8266

demo webserver esp8266 arduino bootstrap bouton table badge code html

Dans le tutoriel précédent, nous avons vu comment créer un interface web pour accéder au serveur web d’un ESP8266. Dans ce tutoriel, je vous propose de découvrir comment utiliser le framework Bootstrap pour donner un aspect moderne à l’interface Web de vos projets d’objets connectés à base d’ESP8266. Nous n’allons …

Lire la suite »

ESP8266 : comprendre la programmation Web Server (code Arduino)

esp8266 wemos d1 mini serveur server web dht22 bmp180 gpio

L’ESP8266 peut se programme comme un Arduino classique mais son principal intérêt reste sa connexion Wi-Fi qui lui permet de publier des données sur un serveur ou un Dashboard en ligne (ThingSpeak, Freeboard.io), ou de créer facilement des objets connectés que l’on pourra piloter depuis un serveur domotique ou une …

Lire la suite »