一、目的

??????? 我們分3節(jié)講述遠(yuǎn)程控制。這一節(jié)在我們的240x240的oled屏幕上顯示二維碼，然后用手機(jī)掃二維碼，從開發(fā)板的TCP服務(wù)器上返回字符串。

二、環(huán)境

??????? ESP32 + 240x240的oled彩色屏幕+ Thonny IDE + 幾根杜邦線?? ?

??????? 接線方式請看上前面的章節(jié)，此處不再重復(fù)贅述。

三、用到的知識

??????? 前面我們學(xué)習(xí)的遠(yuǎn)程控制開關(guān)LED燈和240x240屏幕的知識。大家不會的話，請看前面的章節(jié)。不懂得也可以留言哈。

四、代碼

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 名字寫錯(cuò)會報(bào)錯(cuò)“OSError: Wifi Internal Error” # 電腦WIFI不要使用5G頻率，否則運(yùn)行報(bào)錯(cuò)
        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))  # 背景設(shè)置為白色


    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))

    # 放大倍數(shù)
    scale_rate = 8

    # 準(zhǔn)備黑色，白色數(shù)據(jù)
    buffer_black = bytearray(scale_rate * scale_rate * 2)  # 每個(gè)點(diǎn)pixel有2個(gè)字節(jié)表示顏色
    buffer_white = bytearray(scale_rate * scale_rate * 2)  # 每個(gè)點(diǎn)pixel有2個(gè)字節(jié)表示顏色
    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

    # 循環(huán)次數(shù)不增加，只增加每次發(fā)送的數(shù)據(jù)量，每次發(fā)送scale_rate X scale_rate個(gè)點(diǎn)的信息
    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):  # 處理瀏覽器請求
    """
    處理瀏覽器發(fā)送過來的數(shù)據(jù)
    然后回送相對應(yīng)的數(shù)據(jù)（html、css、js、img。。。）
    :return:
    """
    print("---6-1---")
    # 1. 接收
    recv_content = client_socket.recv(1024).decode("utf-8")
    print("---6-2---")
    print("-----接收到的數(shù)據(jù)如下----：")
    print(recv_content)
    print("---6-3---")
    # 2. 處理請求（此時(shí)忽略）

    # 3.1 整理要回送的數(shù)據(jù)
    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 給瀏覽器回送對應(yīng)的數(shù)據(jù)
    client_socket.send(response.encode("utf-8"))
    print("---6-5---")
    # 4. 關(guān)閉套接字
    client_socket.close()


def tcp_server_control_led():  # 創(chuàng)建TCP服務(wù)器套接字
    print("---1---")
    # 1. 創(chuàng)建套接字
    tcp_server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
    # 為了保證在tcp先斷開的情況下，下一次依然能夠使用指定的端口，需要設(shè)置
    tcp_server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
    print("---2---")
    # 2. 綁定本地信息
    tcp_server_socket.bind(("", 80))
    print("---3---")
    # 3. 變成監(jiān)聽套接字
    tcp_server_socket.listen(128)

    print("---4---")
    # 4. 等待客戶端的鏈接
    client_socket, client_info = tcp_server_socket.accept()
    print("---5---")
    print(client_info)  # 打印 當(dāng)前是哪個(gè)客戶端進(jìn)行了請求
    print("---6---")
    # 5. 為客戶端服務(wù)
    handle_request(client_socket)
    print("---7---")
    # 6. 關(guān)閉套接字
    tcp_server_socket.close()


def main():
    # 1. 鏈接wifi
    ip = do_connect()
    print("ip地址是：", ip)
    
    # 2. 顯示二維碼
    show_qrcode(ip)
    
    # 3. 創(chuàng)建tcp服務(wù)器，等待客戶端鏈接，然后根據(jù)客戶端的命令控制LED燈
    tcp_server_control_led()
    
    
if __name__ == "__main__":
    main()

五、運(yùn)行代碼
??????? 我們使用Thoony IDE進(jìn)行開發(fā)，這個(gè)工具很好用。運(yùn)行上面代碼后，Thonny會再shell窗口中顯示打印出來的信息。我們運(yùn)行看下哈：

首先打印出網(wǎng)絡(luò)連接的信息：

這里我們可以知道，ESP32開發(fā)板的IP地址是192.168.0.106。然后打印出1,2,3,4，我們看到此時(shí)我們的屏幕上已經(jīng)顯示出二維碼：

?文章來源地址http://www.zghlxwxcb.cn/news/detail-615571.html

我們打開手機(jī)掃一掃二維碼，然后手機(jī)會打開一個(gè)頁面：

這里手機(jī)掃面二維碼后，手機(jī)瀏覽器向開發(fā)板TCP服務(wù)器發(fā)起請求，開發(fā)板再收到請求后返回對應(yīng)的結(jié)果。

?

這里環(huán)境我們已經(jīng)測試成功，下一節(jié)，我們接著講手機(jī)遠(yuǎn)程控制燈的開關(guān)。再見哈。。。

?

到了這里，關(guān)于物聯(lián)網(wǎng)開發(fā)筆記（31）- 使用Micropython開發(fā)ESP32開發(fā)板之手機(jī)掃二維碼遠(yuǎn)程控制開關(guān)燈（1）的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！