MicroPython(ESP32/ESP8266) 实现web控制GPIO
在之前的文章中，有介绍了如何给 ESP32/ESP8266 配置 MicroPython ，以及介绍了如何上传下载代码、IDE 的选择，从这篇文章开始，将介绍如何使用 ESP32/ESP8266 进行实际项目的开发。
在这里先给大家介绍一个网站：
Random Nerd Tutorials | Learn ESP32, ESP8266, Arduino, and Raspberry Pi
这个网站上有很多开发板的实例，并且教程非常详细，如果英语水平还可以的朋友，可以参考一下这个网站的教程，本文也是参考了《ESP32/ESP8266 MicroPython Web Server – Control Outputs》 而形成的。
对于 ESP32 和 ESP8266 ，大致的代码和实现都差不多，因此就不再针对这两个开发板进行分别的阐述，大家可以根据自己的实际情况进行调整。而因为我的 ESP32 并没有板载的 LED 灯，如果要实现本文描述的使用 web 来控制 GPIO 控制需要另外接线，因此为了方便，我就以 ESP8266 为例进行介绍。
前期准备
在开始之前，我们需要检查一下我们的软硬件是否已经准备好：
-
配置好的 ESP32/ESP8266 如果没有准备好，可以参考《保姆级超详细 ESP8266 MicroPython 部署攻略》
-
如果板载有 LED 的，可以查询硬件手册，找到对应的 PIN 口，如果没有，准备好 LED 和面包板接线
boot.py & main.py
通常情况下，我们的开发板上会有两个重要的文件——boot.py 和 main.py ，其中 boot.py 会在通电或者重置(reset)后首先执行，而 main.py 将会在 boot.py 之后执行，我们一般把我们的代码写在 main.py 里。
wifi连接
我们在开始控制之前，需要先让开发板连接到我们的局域网内，Micropython 的 network 模块提供了 wifi 连接功能，我们只需要引入 network 包，设置 wifi 的 ssid 和 password，即可完成连接。
import network
ssid = 'Your SSID'
password = 'Your Passwd'
wifi_status = network.WLAN(network.STA_IF)
wifi_status.active(True)
wifi_status.connect(ssid, password)
# check wifi connected
while wifi_status.isconnected() == False:
print('Wifi lost connect...')
# if connected
print('Wifi connect successful')
print(wifi_status.ifconfig())
上传并执行上面的代码，如果成功连接上 wifi ，可以看到一下的返回：
Wifi connect successful
('192.168.24.193', '255.255.255.0', '192.168.24.1', '192.168.24.1')
上面第一个返回值是开发板的 ip 地址，后面紧跟的是网关和路由。
GPIO 控制代码
我们想要通过 web 来控制开发板上的GPIO，需要完成两个功能，一个是实现一个简单的web服务，让我们可以用过 HTML 访问，然后就是通过逻辑代码来控制 led 灯的开闭。
实现 web 功能我们通过 python 的 socket 来完成，至于 python socket 的原理，这个内容如果要讲清楚需要比较长的篇幅，这里就不赘述了，如果想进一步了解 Python socket 编程，可以参考《快速了解Python socket编程》，也可以先直接复制代码，先运行成功后，再找资料去了解深入的内容。
代码如下：
# set led pin
led = Pin(2, Pin.OUT)
def web_page():
if led.value() == 1:
gpio_state = 'OFF'
else:
gpio_state = 'ON'
# html code ...
html = """ ESP Web Server
ESP Web Server
GPIO state: """
+ gpio_state + """
"""
return html
s = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
s.bind(('', 80))
s.listen(5)
while True:
conn, addr = s.accept()
print('Connection: %s' % str(addr))
req = conn.recv(1024)
req = str(req)
print('Connect = %s' % req)
led_on = req.find('/?led=on')
led_off = req.find('/?led=off')
if led_on == 6:
print('LED OFF')
led.value(0)
else:
print('LED ON')
led.value(1)
response = web_page()
conn.send('HTTP/1.1 200 OK\n')
conn.send('Content-Type: text/html\n')
conn.send('Connection: close\n\n')
conn.sendall(response)
conn.close()
这里的 HTML 代码，为了方便，直接引用了 《ESP32/ESP8266 MicroPython Web Server – Control Outputs》 的 HTML 代码。
代码中，有一点需要注意一下，就是 req.find() 这个方法，如果匹配的参数，返回值为 6，匹配不到返回则为-1，所以只要判断返回值是否为6即可确认哪一个按钮被点击。
测试
接下来，我们在浏览器中打开开发板的ip，就可以看到页面，通过点击界面上的 on 和 off，可以看到开发板上的 led 灯反馈。
小结
到这里，我们的使用 Micropython 完成 web 控制 GPIO 功能就已经完成了。希望本文对你有用。如果你觉得文章对你用，记得关注收藏。你的关注和收藏是继续更新的动力哦。