esp32小车

jialan75

已于 2024-03-04 22:36:19 修改

阅读量382

点赞数 7

分类专栏： esp32 python 文章标签： esp32

于 2024-03-04 22:33:53 首次发布

本文链接：https://blog.csdn.net/jialan75/article/details/136464986

版权

python 同时被 2 个专栏收录

75 篇文章 4 订阅

订阅专栏

esp32

2 篇文章 0 订阅

订阅专栏

文章介绍了如何在Python环境中使用Thonny库连接WiFi，创建UDP套接字进行设备通信，同时通过Flask构建本地服务器转发前端发送的数据。前端使用JavaScript发送指令到服务器，实现对设备的控制。

摘要由CSDN通过智能技术生成

Thonny部分

import socket

import _thread
from machine import SoftI2C, Pin



def connect_wifi():
    # 连接wifi
    import network
    wlan = network.WLAN(network.STA_IF)
    wlan.active(True)
    print(wlan.isconnected())
    if not wlan.isconnected():
    
        print('connecting to network...')
        wlan.connect('tom', '88888888')

        while not wlan.isconnected():
            pass
    print('网络配置:', wlan.ifconfig())


def create_udp_socket():
    # socket的创建
    udp_socket = socket.socket(socket.AF_INET,socket.SOCK_DGRAM,0)
    local_addr = ('', 7788)  # ip地址和端口号，ip一般不用写，表示本机的任何一个ip
    udp_socket.bind(local_addr)
    return udp_socket


def recv_udp_cmd(*args, **kwargs):
    # 1. 创建iic对象
    i2c = SoftI2C(sda=Pin(14),scl=Pin(15),freq=100000)
    # 2. 扫描，看看有哪些iic的设备
    devices = i2c.scan()
    print(devices)
    # 3. 接收udp数据
    try:
        while True:
            recv_data, sender_info = udp_socket.recvfrom(1024)
            print(recv_data)
            # 3. 给这些设备发送测试数据
            for device in devices:
                i2c.writeto(device, recv_data)
    except Exception as ret:
        print("接收命令的线程结束...", ret)


def sendmessage(url,port):
    import time
    try:
        while True:
            # 向服务器发送数据
            udp_socket.sendto("hello".encode(), (url, port))
            print("发送测试数据hello给上位机")
            time.sleep_ms(1000)
    except Exception as ret:
        print("异常：", ret)
if __name__ == "__main__":
    # 连接路由器
    connect_wifi()

    # 创建udp套接字
    udp_socket = create_udp_socket()

    # 创建子线程用来接收数据
    thread_1 = _thread.start_new_thread(recv_udp_cmd, (None,))
    sendmessage("192.168.0.164", 9090)

本地服务器部分用于转发消息

from flask import Flask, request
import socket

app = Flask(__name__)

UDP_SERVER_IP = '192.168.0.195'
UDP_SERVER_PORT = 7788


@app.route('/sendudp', methods=['POST'])
def handle_send_data():
    data = request.form['data']  # 通过request.form来获取POST请求中的数据

    # 转发UDP请求

    udp_socket = socket.socket(socket.AF_INET, socket.SOCK_DGRAM,0)
    udp_socket.sendto(data.encode(), (UDP_SERVER_IP, UDP_SERVER_PORT))


    udp_socket.close()

    return 'Data forwarded to UDP server successfully'

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=5000)

html前端部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Send Data Example</title>
    <style>
        /* 增大按钮尺寸，适应移动端屏幕 */
        button {
            width: 100px; /* 按钮宽度 */
            height: 100px; /* 按钮高度 */
            font-size: 20px; /* 文本大小 */
            margin: 10px; /* 间距 */
        }
    </style>
</head>
<body>
<div>
    <button id="moveUp">前进</button>
    <button id="moveDown">后退</button>    <br>
    <button id="moveLeft">左移</button>
    <button id="moveRight">右移</button>    <br>

    <button id="turnLeft">左转</button>
    <button id="turnRight">右转</button>    <br>
    <button id="stop">停止</button>
</div>


    <script>
        // 定义一个函数来发送数据


        function sendData(data) {
            var xhr = new XMLHttpRequest();

            var url = "http://192.168.0.164:5000/sendudp";
            xhr.open("POST", url, true);
            xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");


            xhr.send("data=" + encodeURIComponent(data));

            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    alert("Data sent via UDP");
                }
            };
        }
        sendData("\x00");

        // 为每个按钮添加按下和松开的事件监听器
        ['moveUp', 'moveDown', 'moveLeft', 'moveRight', 'turnLeft', 'turnRight','stop'].forEach(function(id) {
            const button = document.getElementById(id);
            console.log('12323')
            // 监听按下事件

            // 监听松开事件
            button.addEventListener('click', function() {
                const commandMap = {
                    'moveUp': '\xaa',
                    'moveDown': '\x55',
                    'moveLeft': '\x66',
                    'moveRight':'\x99',
                    'turnLeft': '\x82',
                    'turnRight': '\x28',
                    'stop': '\x00',
                };
                sendData(commandMap[id]);
            });
        });
    </script>
</body>
</html>