Paso 2: El HTML código
La parte principal del código HTML a continuación, se utiliza para la generación de los "botones": "ON" y "OFF". Tenga en cuenta que para cada botón (son seis en total, dos para cada GPIO), se genera un específico «id». Por ejemplo, si se presiona el botón "ON", asociado con 11 GPIO, el ID generado es "111", es decir, los dos primeros dígitos para la identificación de la GPIO (en este caso "11") y tercer dígito es para registrar el estado, en este caso "1" o "ON". Si el botón está "OFF", el Id sería 110. En este caso, el digital pin 11 de salida, se conecta con el LED azul.
Una vez generado el "id" de una función en la página se encarga de enviar a la dirección IP para la ESP8266. Tenga en cuenta que la dirección que aparece en la configuración del ESP 8266 ha de incluirse en la línea == > recibir $ ("http://10.0.1.14:80 /"; {pin: p});
Las primeras veces que probé el programa, tuve muchos problemas y el más importante fue que me di cuenta de que sólo es posible enviar 5 comandos a los LEDs. Eso es porque a cada envío de información, la ESP8255 considera una conexión abierta (conexión 0, 1, 2, 3, 4) y el límite es de 5.
También observado que cuando se ponen en una "actualización" en la página, la "cuenta de conexión", volvió a cero. La solución fue añadir un nuevo código HTML, que obligó a la actualización automática de la página (tipo "META" del código). Decidí hacer una actualización cada 15 segundos y por lo tanto no demasiado molesto para el usuario. Funcionó sin problemas:
