一、目的
我们分3节讲述远程控制。这一节在我们的240x240的oled屏幕上显示二维码,然后用手机扫二维码,从开发板的TCP服务器上返回字符串。
二、环境
ESP32 + 240x240的oled彩色屏幕+ Thonny IDE + 几根杜邦线
接线方式请看上前面的章节,此处不再重复赘述。
三、用到的知识
前面我们学习的远程控制开关LED灯和240x240屏幕的知识。大家不会的话,请看前面的章节。不懂得也可以留言哈。
四、代码
from uQR import QRCode
from machine import Pin, SPI
import st7789_new
import socket
import time
import network
import machine
def do_connect(): # 连接无线
wlan = network.WLAN(network.STA_IF)
wlan.active(True)
if not wlan.isconnected():
print('connecting to network...')
# WIFI名字和密码 # WIFI 名字写错会报错“OSError: Wifi Internal Error” # 电脑WIFI不要使用5G频率,否则运行报错
wlan.connect('WIFI名字', 'WIFI密码') # 请换成你的WIFI信息
i = 1
while not wlan.isconnected():
print("正在链接中...{}".format(i))
i += 1
time.sleep(1)
print('network config:', wlan.ifconfig())
return wlan.ifconfig()[0]
def show_qrcode(ip): # 屏幕显示二维码
tft = st7789_new.ST7889_Image(SPI(2, 80000000), dc=Pin(2), cs=Pin(5), rst=Pin(15))
tft.fill(st7789_new.color565(255, 255, 255)) # 背景设置为白色
qr = QRCode(border=2)
qr.add_data('http://{}'.format(ip)) # 显示完整链接
matrix = qr.get_matrix()
row_len = len(matrix)
col_len = len(matrix[0])
print("row=%d, col=%d" % (row_len, col_len))
# 放大倍数
scale_rate = 8
# 准备黑色,白色数据
buffer_black = bytearray(scale_rate * scale_rate * 2) # 每个点pixel有2个字节表示颜色
buffer_white = bytearray(scale_rate * scale_rate * 2) # 每个点pixel有2个字节表示颜色
color_black = st7789_new.color565(0, 0, 0)
color_black_byte1 = color_black & 0xff00 >> 8
color_black_byte2 = color_black & 0xff
color_white = st7789_new.color565(255, 255, 255)
color_white_byte1 = color_white & 0xff00 >> 8
color_white_byte2 = color_white & 0xff
for i in range(0, scale_rate * scale_rate * 2, 2):
buffer_black[i] = color_black_byte1
buffer_black[i + 1] = color_black_byte2
buffer_white[i] = color_white_byte1
buffer_white[i + 1] = color_white_byte2
# 循环次数不增加,只增加每次发送的数据量,每次发送scale_rate X scale_rate个点的信息
for row in range(row_len):
for col in range(col_len):
if matrix[row][col]:
# tft.pixel(row, col, st7789_new.color565(0, 0, 0))
tft.show_img(row * scale_rate, col * scale_rate, row * scale_rate + scale_rate - 1, col * scale_rate + scale_rate - 1, buffer_black)
else:
# tft.pixel(row, col, st7789_new.color565(255, 255, 255))
tft.show_img(row * scale_rate, col * scale_rate, row * scale_rate + scale_rate - 1 , col * scale_rate + scale_rate - 1, buffer_white)
col += 1
row += 1
def handle_request(client_socket): # 处理浏览器请求
"""
处理浏览器发送过来的数据
然后回送相对应的数据(html、css、js、img。。。)
:return:
"""
print("---6-1---")
# 1. 接收
recv_content = client_socket.recv(1024).decode("utf-8")
print("---6-2---")
print("-----接收到的数据如下----:")
print(recv_content)
print("---6-3---")
# 2. 处理请求(此时忽略)
# 3.1 整理要回送的数据
response_headers = "HTTP/1.1 200 OK\r\n"
response_headers += "Content-Type:text/html;charset=utf-8\r\n"
response_headers += "\r\n"
response_boy = "Test successful"
response = response_headers + response_boy
print("---6-4---")
# 3.2 给浏览器回送对应的数据
client_socket.send(response.encode("utf-8"))
print("---6-5---")
# 4. 关闭套接字
client_socket.close()
def tcp_server_control_led(): # 创建TCP服务器套接字
print("---1---")
# 1. 创建套接字
tcp_server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
# 为了保证在tcp先断开的情况下,下一次依然能够使用指定的端口,需要设置
tcp_server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
print("---2---")
# 2. 绑定本地信息
tcp_server_socket.bind(("", 80))
print("---3---")
# 3. 变成监听套接字
tcp_server_socket.listen(128)
print("---4---")
# 4. 等待客户端的链接
client_socket, client_info = tcp_server_socket.accept()
print("---5---")
print(client_info) # 打印 当前是哪个客户端进行了请求
print("---6---")
# 5. 为客户端服务
handle_request(client_socket)
print("---7---")
# 6. 关闭套接字
tcp_server_socket.close()
def main():
# 1. 链接wifi
ip = do_connect()
print("ip地址是:", ip)
# 2. 显示二维码
show_qrcode(ip)
# 3. 创建tcp服务器,等待客户端链接,然后根据客户端的命令控制LED灯
tcp_server_control_led()
if __name__ == "__main__":
main()
五、运行代码
我们使用Thoony IDE进行开发,这个工具很好用。运行上面代码后,Thonny会再shell窗口中显示打印出来的信息。我们运行看下哈:
首先打印出网络连接的信息:
这里我们可以知道,ESP32开发板的IP地址是192.168.0.106。然后打印出1,2,3,4,我们看到此时我们的屏幕上已经显示出二维码:
我们打开手机扫一扫二维码,然后手机会打开一个页面:
这里手机扫面二维码后,手机浏览器向开发板TCP服务器发起请求,开发板再收到请求后返回对应的结果。
这里环境我们已经测试成功,下一节,我们接着讲手机远程控制灯的开关。再见哈。。。