Framework CSS. API et liaison avec la domotique Jeedom
- Détails
- Catégorie : Bien débuter avec les ESP8266 dans l'écosystème Arduino
Intégrer un framework CSS (ici Milligram) pour de belles pages Web
Dans cette vidéo, je vous propose de découvrir comment intégrer un framework CSS Responsive dans votre ESP8266 pour améliorer le look des pages Web embarquées dans votre objet connecté et optimiser leur présentation sur différents périphériques.
Le choix s'est porté sur le framework Milligram (https://milligram.io/) et la même méthode permettrait d'intégrer Bootstrap par exemple.
Le suivi de cette vidéo suppose d'avoir vu les vidéos de ma Playlist "Débuter avec l'ESP8266".
Créer une API
On ajoute maintenant une fonction pour répondre à des commandes passées par des requêtes HTTP contenant des paramètres.
L'objectif est de fournir une API (Application Programmable Interface) permettant à un logiciel de domotique de facilement communiquer avec notre objet connecté.
2 commandes sont proposées : getLED pour connaître l'état de la LED et setLED pour changer l'état de la LED.
On revoit également à la fin de la vidéo comment mettre à jour le contenu de la page HTML avant de répondre aux requêtes en changeant des balises particulières (par exemple %LED%) par différents états internes de l'objet (ici l'état de la LED).
Enfin, une fiche donne un lien vers le code à télécharger vers la fin de la vidéo.
Nommer l’objet sur le réseau et le Piloter avec Jeedom
Il s'agit maintenant de voir comment donner un nom à l'objet connecté sur le réseau et permettre d'y accéder à partir d'un logiciel de domotique comme Jeedom.