Étape 2: Le code HTML
La partie principale du code HTML ci-dessous, est utilisé pour la génération des « touches »: « ON » et « OFF ». Notez que pour chaque bouton (il y a six au total, deux pour chaque GPIO), un spécifique « id » est généré. Par exemple, si vous appuyez sur la touche « ON », associée à 11 GPIO, l’ID généré est « 111 », c'est-à-dire les deux premiers chiffres sont pour l’identification de la GPIO (dans ce cas « 11 ») et troisième chiffre est pour enregistrer l’État, en l’occurrence « 1 » ou « ON ». Si le bouton est « OFF », l’Id est 110. Dans ce cas, le numérique sortie broche 11, est connecté avec la LED bleue.
Une fois généré une fonction sur la page « id » s’occupe de l’envoyer à l’adresse IP pour le ESP8266. Notez que l’adresse qui apparaît dans la mise en place de 8266 ESP doit figurer dans la ligne == > $ .get ("http://10.0.1.14:80 /" ; {code pin: p}) ;
Les premières fois que j’ai testé le programme, j’ai eu beaucoup de problèmes et le plus important était que j’ai remarqué qu’il était seulement possible d’envoyer des 5 commandes à LEDs. C’est parce qu’à chaque envoi d’informations, la ESP8255 considérée comme une connexion ouverte (se connecter 0, 1, 2, 3, 4) et la limite est de 5.
J’ai également observé que quand mis dans un « refresh » sur la page, le « nombre de connexions », revient à zéro. La solution consistait à ajouter un code HTML, qui a obligé l’actualisation automatique de la page (type de code « META »). J’ai choisi de faire une actualisation toutes les 15 secondes et donc pas trop gênant pour l’utilisateur. Cela a fonctionné sans problème :