物联网开发笔记（32）- 使用Micropython开发ESP32开发板之手机扫二维码远程控制开关灯（2）

一、目的

上一节我们测试了远程控制的环境是好的，这一节在我们的240x240的oled屏幕上显示二维码，然后用手机扫二维码，远程控制LED灯的状态。

二、环境

ESP32 + 240x240的oled彩色屏幕+ Thonny IDE + 几根杜邦线

接线方式请看上前面的章节，此处不再重复赘述。

三、用到的知识

前面我们学习的远程控制开关LED灯和240x240屏幕的知识。大家不会的话，请看前面的章节。不懂得也可以留言哈。

四、用到的图片

用来返回开发板等的状态，不能放在开发板上，需要放在网站上，因为开发板的内存太小了。你可以向我一样放在csdn上。

五、Html代码

把下面的两个HTML代码放到ESP32开发板上。

led_on.html：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>blog.csdn.net</title>
</head>
<body><span style="font-size: 40px;">手机远程控制LED系统</span><span style="font-size: 30px;"> blog.csdn.net/zhusongziye</span><img src="https://img-blog.csdnimg.cn/f37948052b334aa5b6e7d7b79ef768f2.png" style="width: 100%;">
</body>
</html>

led_off.html:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>blog.csdn.net</title>
</head>
<body><span style="font-size: 40px;">手机远程控制LED系统</span><span style="font-size: 30px;"> https://blog.csdn.net/zhusongziye</span><img src="https://img-blog.csdnimg.cn/93d26a24c29044509ca5ca62df50107c.png" style="width: 100%;">
</body>
</html>

六、Python代码

把下面的pythL代码放到ESP32开发板上。

from uQR import QRCode
from machine import Pin, SPI
import st7789_new
import socket
import time
import network
import machine
import re# 全局变量，标记led灯
led = Pin(2, Pin.OUT)# 无线连接函数
def do_connect():wlan = network.WLAN(network.STA_IF)wlan.active(True)if not wlan.isconnected():print('connecting to network...')wlan.connect('WIFI名字', 'WIFI密码')  #WIFI名字密码i = 1while not wlan.isconnected():print("正在链接中...{}".format(i))i += 1time.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(4), cs=Pin(5), rst=Pin(15))  # 注意dc=Pin(4),前面我们用的2，因为板载蓝色LED占用的2所以这里改为4tft.fill(st7789_new.color565(255, 255, 255))  # 背景设置为白色qr = QRCode(border=2)qr.add_data('http://{}'.format(ip))  # ip  192.168.0.106-->http://192.168.0.106matrix = 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 >> 8color_black_byte2 = color_black & 0xffcolor_white = st7789_new.color565(255, 255, 255)color_white_byte1 = color_white & 0xff00 >> 8color_white_byte2 = color_white & 0xfffor i in range(0, scale_rate * scale_rate * 2, 2):buffer_black[i] = color_black_byte1buffer_black[i + 1] = color_black_byte2buffer_white[i] = color_white_byte1buffer_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 += 1row += 1# 开启客户端
def handle_request(client_socket):"""处理浏览器发送过来的数据然后回送相对应的数据（html、css、js、img。。。）:return:"""# 1. 接收recv_content = client_socket.recv(1024).decode("utf-8")print("-----接收到的数据如下----：")# print(recv_content)lines = recv_content.splitlines()  # 将接收到的http的request请求数据按照行进行切割到一个列表中# for line in lines:#     print("---")#     print(line)# 2. 处理请求# 提取出浏览器发送过来的request中的路径# GET / HTTP/1.1# GET /index.html HTTP/1.1# .......# lines[0]# 提取出/index.html 或者 /request_file_path = re.match(r"[^/]+(/[^ ]*)", lines[0]).group(1)print("----提出来的请求路径是：----")print(request_file_path)# 完善对方访问主页的情况，如果只有/那么就认为浏览器要访问的是主页if request_file_path == "/":if led.value():request_file_path = "led_on.html"else:request_file_path = "led_off.html"try:# 取出对应的文件的数据内容with open(request_file_path, "rb") as f:content = f.read()except Exception as ret:# 如果要是有异常，那么就认为：找不到那个对应的文件，此时就应该对浏览器404print(ret)response_headers = "HTTP/1.1 404 Not Found\r\n"response_headers += "Content-Type:text/html;charset=utf-8\r\n"response_headers += "\r\n"response_boy = "----sorry，the file you need not found-------"response = response_headers + response_boy# 3.2 给浏览器回送对应的数据client_socket.send(response.encode("utf-8"))else:# 如果要是没有异常，那么就认为：找到了指定的文件，将其数据回送给浏览器即可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 = contentresponse = response_headers.encode("utf-8") + response_boy# 3.2 给浏览器回送对应的数据client_socket.send(response)# 4. 关闭套接字client_socket.close()# 开启服务端
def tcp_server_control_led():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---")while True:# 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. 链接wifiip = do_connect()print("ip地址是：", ip)# 2. 显示二维码show_qrcode(ip)# 3. 创建tcp服务器，等待客户端链接，然后根据客户端的命令控制LED灯tcp_server_control_led()if __name__ == "__main__":main()

此时ESP32开发板上，我们放了3个文件：

七、运行效果

我们运行上述代码：

首先打印如下信息，同时屏幕显示二维码：

然后用手机扫描二维码，此时手机会显示我们开发板的图片：

Thonny打印信息如下：

八、期望

好啦，这一节就到这里，下一节我们来讲述真正的手机页面远程控制板载的蓝色LED的亮灭哈，大家不要着急，先打好基础，要不然不容易么明白，哈哈哈。。。

物联网开发笔记（32）- 使用Micropython开发ESP32开发板之手机扫二维码远程控制开关灯（2）相关推荐

物联网开发笔记（31）- 使用Micropython开发ESP32开发板之手机扫二维码远程控制开关灯（1）
一.目的我们分3节讲述远程控制.这一节在我们的240x240的oled屏幕上显示二维码,然后用手机扫二维码,从开发板的TCP服务器上返回字符串. 二.环境 ESP32 + 240x240的oled彩 ...
SNF开发平台WinForm-平板拍照及扫描二维码功能
在我们做项目的时候,经常会有移动平板处理检验,审核等,方便移动办公.这时就需要在现场拍照上传问题,把当场问题进行上传,也有已经拍完照的图片或加工过的图片进行上传.还有在车间现场一体机,工控机这种产物 ...
Android | 教你如何开发扫二维码功能
华为机器学习服务(ML Kit) 提供机器学习套件,为开发者应用机器学习能力开发各类应用提供优质体验.得益于华为长期技术积累,ML Kit 为开发者提供简单易用.服务多样.技术领先的机器学习能力,助力 ...
EBS系统扫二维码登录开发
EBS系统扫二维码登录开发 INTRODUCTION介绍二维码扫码登录的逻辑 INTRODUCTION介绍目前对ERP系统的安全性提了很高的要求,其中一块就是要保证ERP用户登录系统的安全性. 之 ...
ios开发－－用Xcode 8和Swift 3 构建条形码和二维码识别器
原文:Building a Barcode and QR Code Reader in Swift 3 and Xcode 8 作者:SIMON NG 译者:CocoaChina-Fairy-happ ...
扫二维码领红包系统软件开发流程
开发前准备 1.已认证的服务号 2.开通微信支付功能. 开启"微信支付--产品中心--现金红包"此项功能,如图2所示图 2 3.微信支付开发文档:开发系统找罗经理:189&quo ...
微信web开发工具扫二维码无反应
网上有好多方法,但是我一一实验都没有用,后来自己倒腾无意发现了原因其实下图标记的一段文字已经说的很明确了,安装开发工具的时候应该关闭其他应用, 亲测~~,有效.
iOS开发——扫二维码下载APP
注意:苹果手机只有UDID被加入到开发者的设备中之后才可以扫描二维码安装否则不能安装,如果没有请将UDID加入到开发者设备中重新下载证书点击运行就可以了(电脑证书不用动). 查看苹果设备UDID并添加 ...
微信自主出题，答题小程序开发，微信扫描二维码实现方法，扫二维码出试卷答题的软件！
自己手机做题,每个人都可以免费使用的答题小程序,只要扫一扫就可以使用,无需安装下载,还是挺方便的. 微信小程序在线考试系统的优点: 一.是成本低,基于网络化的电子题库资源的成本远远低于纸本的印刷高成本 ...

物联网开发笔记（32）- 使用Micropython开发ESP32开发板之手机扫二维码远程控制开关灯（2）

物联网开发笔记（32）- 使用Micropython开发ESP32开发板之手机扫二维码远程控制开关灯（2）相关推荐

最新文章

热门文章