ESP32 COM A SERVIDOR WEB
Afegim botons per controlar actuadors
Modifiquem el codi:
Utilitzem com a base el codi del servidor bàsic que ja hem creat i modifiquem-lo en nou arxiu. Cal:
-
Afegir la classe Pin de la llibreria machine per interactuar amb el pin de connexió de l'actuador (LED connectat al pin 23)
-
Configurar el pin de connexió de l'actuador com a sortida
-
Modificar el codi de la pàgina web de resposta
-
Definir la interacció amb el pin de l'actuador en funció del valor de la resposta
DEFINCIÓ DE LA PÀGINA WEB
def pag_web( ):
# utilitzarem una variable estat_led per definir l'estat del led
if led.value( ) == 1:
estat_led = "ON"
else:
estat_led = "OFF"
html = """<html>
<head><title>ESP32 Servidor Web</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>html {text-align: center; font-family: Helvetica; margin: 10px auto;}
p {font-size: 20px;} </style></head>
<body><h1>Mi Servidor</h1>
<p><strong>Hola, """ + addr[0]+ """</strong></p>
<!-- nou codi a afegir: -->
<p>estat LED: """ + estat_led + """</p> <!-- la pàgina retornarà el valor de la variable estat_led -->
<p><a href="/?led=on">ON</a></p> <!-- a href indica enllaç a una URL -->
<p><a href="/?led=off">OFF</a></p>
</body></html>"""
return html
El resultat, en accedir a la IP de l'ESP32 des del navegador:
En clicar els enllaços s'hauria d'encendre o apagar el LED, i actualitzar l'estat LED.
Eines per makejar:
Utilitzeu l'editor de codi HTML en línia de w3schools
Proveu diferents estils de cursor en HTML
De moment, he arrivat fins aquí: