【DFRobot Beetle ESP32-C3开发板试用体验】WEBSOKET—PWM—LED

本文来源电子发烧友社区，作者：华仔stm32， 帖子地址：https://bbs.elecfans.com/jishu_2284182_1_1.html

【目的】展示ESP32作为web服务器的，用ESP32C3写一个websocket服务器，用网页来实现控制板载LED灯亮度的例子。
【实现思路】1、ESP32建立webserver。2、书写一个ajax的网页。3、配置LED灯的pwm。
1、打开uPyCraft 软件，建立一个esp32c3.html:

3. <title>ajaxWebCtrl

9. ESP32 PYTHON TEST

   PWM LED --- Web Control for FireBeetle

复制代码

2、新建esp32webpwmCtrl.py

1. from machine import Pin,PWM
2. import network
3. import os
4. import time
5. import socket
6. import gc
8. SSID="HUAWEI-H10R9U"
9. PASSWORD="18977381885@"
10. wlan=None
11. s=None
12. led=None
14. def connectWifi(ssid,passwd):
15. global wlan
16. wlan=network.WLAN(network.STA_IF) #create a wlan object
17. wlan.active(True) #Activate the network interface
18. wlan.disconnect() #Disconnect the last connected WiFi
19. wlan.connect(ssid,passwd) #connect wifi
20. while(wlan.ifconfig()[0]=='0.0.0.0'):
21. time.sleep(1)
22. print(wlan.ifconfig()[0])
23. return True
25. def ajaxWebserv():
26. # minimal Ajax in Control Webserver
27. global s,led
28. s = socket.socket(socket.AF_INET, socket.SOCK_STREAM) #create stream socket
29. s.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1) #Set the value of the given socket option
30. s.bind((wlan.ifconfig()[0], 80)) #bind ip and port
31. s.listen(1) #listen message
32. while True:
33. conn, addr = s.accept() #Accept a connection,conn is a new socket object
34. #print("Got a connection from %s" % str(addr))
35. request = conn.recv(1024) #Receive 1024 byte of data from the socket
36. conn.sendall('HTTP/1.1 200 OKnConnection: closenServer: FireBeetlenContent-Type: text/htmlnn')
38. request = str(request)
39. ib = request.find('Val=') #find the string 'Val=' from request
40. if ib > 0 :
41. ie = request.find(' ', ib) #init address of the index with ib,then find ' '
42. Val = request[ib+4:ie] #get the string of ib+4 to ie in the request
43. print("Val =", Val)
44. led.duty(int(Val)*100) #set the duty of led
45. conn.send(Val) #send data
46. else:
47. with open('esp32c3.htm', 'r') as html: #open file 'webCtrl.htm' with readonly
48. conn.sendall(html.read()) #read data from 'webCtrl.htm',and send all of the data
49. conn.sendall('rn')
50. conn.close() #close file
51. #print("Connection wth %s closed" % str(addr))
53. #Catch exceptions,stop program if interrupted accidentally in the 'try'
54. try:
55. led=PWM(Pin(10),freq=100) #create led object
56. led.init()
57. led.duty(0)
58. connectWifi(SSID, PASSWORD)
59. ajaxWebserv()
60. except:
61. if (s):
62. s.close()
63. led.deinit()
64. wlan.disconnect()
65. wlan.active(False)

复制代码

3、然后把两个文件上传到ESP32C3，运行esp32c3webpwmCtrl.py:

4、根据获取的的IP地址，打开浏览器输入ip地址：

【总结】python做为开发，就是快捷，快速。注（这些都是基于示例webserver创建的)

webpwm（开发板体验视频，详见作者原文链接内容）