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, récupérer l’heure depuis un serveur de temps (NTP), temps écoulé depuis dernier Reset, stocker l’heure en SPIFFS [Màj]

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 NTP (Network Time Protocole). L'Arduino ainsi que ...

Librairie WiFiManager : gérer facilement la connexion Wi-Fi des projets ESP8266

La librairie WiFiManager permet de gérer très simplement la connexion Wi-Fi dans vos projets ESP8266. La connexion WiFi est très bien prise en charge par de nombreuses librairies, par exemple Blynk, Cayenne, Homie, ESP Easy. Pour des ...

Piloter le GPIO de l’ESP8266 (Serveur Web) depuis Jeedom en TCP/IP sans fil – Partie 2

Voici la seconde partie de l'article pour faire communiquer un ESP8266 en TCP/IP avec Jeedom. Dans ce tutoriel, nous allons voir comment piloter le GPIO d'un ESP8266 depuis Jeedom à l'aide de requêtes HTTP (TCP/IP). Le principe est le même que pour ...

Piloter le GPIO de l’ESP8266 (Serveur Web) depuis Domoticz en TCP/IP sans fil – Partie 2

Nous continuons aujourd'hui le tutoriel consacré à l'échange de données entre Domoticz et un ESP8266 par requête HTTP (TCP/IP) et plus particulièrement comment piloter le GPIO depuis Domoticz. Dans l'article précédent, nous avons ...

ESP8266 (Web Serveur – Partie 5) : tracer les données sous forme de jauge et graphique 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 ...

ESP8266 (Web Serveur) : développement rapide du code HTML+js avec Node.js et Pug

Le développement d'un Serveur Web pour ESP8266 peut s'avérer rapidement fastidieux. En effet, il faut télécharger les fichiers (HTML, js..) à chaque modification pour pouvoir effecter les mises au point. Heureusement, ...

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

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 ...

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

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 ...

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

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 ...

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

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 ...

Bootstrap : donner un aspect moderne à l’interface HTML (serveur Web) de vos projets ESP8266

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 ...

ESP8266 : comprendre la programmation Web Server avec du code Arduino

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 ...

Domotique et objets connectés à faire soi-même