Added simple webserver

master
androiddrew 5 years ago
parent 1e54d652e0
commit 07bcb4f05b

@ -0,0 +1,3 @@
# ESP32 Webserver
This project makes use of the ESP32's wifi capabilities and the `usocket` library to respond to a simple get request and return and HTML response.

@ -0,0 +1,24 @@
import esp
import gc
import network
esp.osdebug(None)
gc.collect()
def connect():
sta_if = network.WLAN(network.STA_IF)
if not sta_if.isconnected():
print("connecting to wireless network....")
sta_if.active(True)
sta_if.connect(b"Candy", b"whatisdelicious")
while not sta_if.isconnected():
pass
print("network config:", sta_if.ifconfig())
# def no_debug():
# import esp
# esp.osdebug(None)
connect()

@ -0,0 +1,17 @@
from webserver import render_html, http_respond
SENSOR_DATA = {
"cel": 22,
"fahr": 71.6,
"light": 90,
"hum": 35,
}
def report():
"""Mock function to return sensor data"""
return SENSOR_DATA
while True:
context = report()
html = render_html(context)
http_respond(html)

@ -0,0 +1,49 @@
import gc
try:
import usocket as socket
except ImportError:
import socket
s = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
s.bind(('', 80))
s.listen(5)
def render_html(context: dict = {}):
html = """<html><head><meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="data:,"><style>body { text-align: center; font-family: "Trebuchet MS", Arial;}
table { border-collapse: collapse; width:35%; margin-left:auto; margin-right:auto; }
th { padding: 12px; background-color: #0043af; color: white; }
tr { border: 1px solid #ddd; padding: 12px; }
tr:hover { background-color: #bcbcbc; }
td { border: none; padding: 12px; }
.sensor { color:white; font-weight: bold; background-color: #bcbcbc; padding: 1px;
</style></head><body><h1>ESP32 Sensor Output</h1>
<table><tr><th>MEASUREMENT</th><th>VALUE</th></tr>
<tr><td>Temp. Celsius</td><td><span class="sensor">""" + str(context.get('cel')) + """</span></td></tr>
<tr><td>Temp. Fahrenheit</td><td><span class="sensor">""" + str(context.get('fahr')) + """F</span></td></tr>
<tr><td>Light</td><td><span class="sensor">""" + str(context.get('light')) + """%</span></td></tr>
<tr><td>Humidity</td><td><span class="sensor">""" + str(context.get('hum')) + """%</span></td></tr></body></html>"""
return html
def http_respond(html: str):
try:
if gc.mem_free() < 102000:
gc.collect()
conn, addr = s.accept()
conn.settimeout(3.0)
print('Got a connection from: {addr}'.format(addr=addr))
request = conn.recv(1024)
conn.settimeout(None)
request = str(request)
print('Content = {}'.format(request))
conn.send('HTTP/1.1 200 OK\n')
conn.send('Content-Type: text/html\n')
conn.send('Connection: close\n\n')
conn.sendall(html)
conn.close()
except OSError as err:
conn.close()
print('Connection closed')
Loading…
Cancel
Save