基于WebServer的网络串口转发

vany5921

    通过ESP32内建的web页面发送消息，经过webserver接收后转发至串口。所有ASCII字符均为可见字符，如需转义，请自行通过截取字符串进行处理，页面显示带有滚动换行。 以下代码在原有基础上更新滚屏换行显示

1. #include <Arduino.h>
   
2. #include <WiFi.h>
   
3. #include <AsyncTCP.h>
   
4. #include <ESPAsyncWebServer.h>
   
5. #include <WebSerial.h>
   
6. #include <M5Stack.h>
   
7. 
   
8. AsyncWebServer server(80);
   
9. 
   
10. const char* ssid = "SSID"; // Your WiFi SSID
    
11. const char* password = "PASSWORD"; // Your WiFi Password
    
12. 
    
13. #define TEXT_HEIGHT 16
    
14. #define TOP_FIXED_AREA 14
    
15. #define BOT_FIXED_AREA 0
    
16. #define YMAX 240
    
17. 
    
18. uint16_t yStart = 0;
    
19. uint16_t yArea = YMAX-TOP_FIXED_AREA-BOT_FIXED_AREA;
    
20. uint16_t yDraw = 0;
    
21. uint16_t xPos = 0;
    
22. 
    
23. void scrollAddress(uint16_t vsp) {
    
24.   M5.Lcd.writecommand(ILI9341_VSCRSADD);
    
25.   M5.Lcd.writedata(vsp>>8);
    
26.   M5.Lcd.writedata(vsp);
    
27. }
    
28. 
    
29. void setupScrollArea(uint16_t tfa, uint16_t bfa) {
    
30.   M5.Lcd.writecommand(ILI9341_VSCRDEF);
    
31.   M5.Lcd.writedata(tfa >> 8);           
    
32.   M5.Lcd.writedata(tfa);
    
33.   M5.Lcd.writedata((YMAX-tfa-bfa)>>8);  
    
34.   M5.Lcd.writedata(YMAX-tfa-bfa);
    
35.   M5.Lcd.writedata(bfa >> 8);           
    
36.   M5.Lcd.writedata(bfa);
    
37. }
    
38. 
    
39. int scroll_line() {
    
40.   int yTemp = yStart;
    
41.   M5.Lcd.fillRect(0,yStart,320,TEXT_HEIGHT, TFT_BLACK);
    
42.   yStart+=TEXT_HEIGHT;
    
43.   if (yStart >= YMAX) yStart = 0;
    
44.   scrollAddress(yStart);
    
45.   return  yTemp;
    
46. }
    
47. 
    
48. 
    
49. void recvMsg(uint8_t *data, size_t len){
    
50.   WebSerial.println("Received Data...");
    
51.   String d = "";
    
52.   for(int i=0; i < len; i++){
    
53.     d += char(data[i]);
    
54.   }
    
55.   WebSerial.println(d);
    
56.   xPos = 0;
    
57.   yDraw = scroll_line();
    
58.   for(int i=0;i<d.length();i++){
    
59.     char ch = d.charAt(i);
    
60.     if(xPos > 311){
    
61.       xPos = 0;
    
62.       yDraw = scroll_line();
    
63.     }   
    
64.     xPos += M5.Lcd.drawChar(ch, xPos, yDraw, 2);      
    
65.   }
    
66. }
    
67. 
    
68. void setup() {
    
69.     M5.begin(true, false, true);
    
70.     Serial.begin(115200);
    
71.     WiFi.mode(WIFI_STA);
    
72.     WiFi.begin(ssid, password);
    
73.     setupScrollArea(0, 0);
    
74.     if (WiFi.waitForConnectResult() != WL_CONNECTED) {
    
75.         Serial.printf("WiFi Failed!\n");
    
76.         return;
    
77.     }
    
78.     Serial.print("IP Address: ");
    
79.     Serial.println(WiFi.localIP());
    
80.     // WebSerial is accessible at "<IP Address>/webserial" in browser
    
81.     WebSerial.begin(&server);
    
82.     WebSerial.msgCallback(recvMsg);
    
83.     server.begin();
    
84. }
    
85. 
    
86. void loop() {
    
87. 
    
88. }

复制代码

相关库文件地址 https://github.com/ayushsharma82/WebSerial

奈何col

界面挺好看