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 为例进行介绍。

前期准备

在开始之前,我们需要检查一下我们的软硬件是否已经准备好:

boot.py & main.py

通常情况下,我们的开发板上会有两个重要的文件——boot.pymain.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 = """<html><head> <title>ESP Web Server</title> <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" href="data:,"> <style>html{font-family: Helvetica; display:inline-block; margin: 0px auto; text-align: center;}
  h1{color: #0F3376; padding: 2vh;}p{font-size: 1.5rem;}.button{display: inline-block; background-color: #e7bd3b; border: none; 
  border-radius: 4px; color: white; padding: 16px 40px; text-decoration: none; font-size: 30px; margin: 2px; cursor: pointer;}
  .button2{background-color: #4286f4;}</style></head><body> <h1>ESP Web Server</h1> 
  <p>GPIO state: <strong>""" + gpio_state + """</strong></p><p><a href="/?led=on"><button class="button">ON</button></a></p>
  <p><a href="/?led=off"><button class="button button2">OFF</button></a></p></body></html>"""
    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 功能就已经完成了。希望本文对你有用。如果你觉得文章对你用,记得关注收藏。你的关注和收藏是继续更新的动力哦。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值