网页向NODEMCU发送中文,并通过arduino IDE 串口监视器显示中文

最新推荐文章于 2023-08-20 19:21:59 发布

置顶 armcsdn

最新推荐文章于 2023-08-20 19:21:59 发布

阅读量1.8k

点赞数 2

分类专栏： ESP8266 Nodemcu

本文链接：https://blog.csdn.net/armcsdn/article/details/105615166

版权

ESP8266 同时被 2 个专栏收录

16 篇文章 5 订阅

订阅专栏

Nodemcu

14 篇文章 0 订阅

订阅专栏

通过网页向NODEMCU发送中文的注意点

1 ARDUINO 串口监视器支持UTF-8编码,不支持GBK编码

2基于web server的服务,网页的编码格式需声明为 charset="UTF-8",否者串口监视器无法正常显示中文.正常设置如下:

<meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8">

完整源码:

/*********
  Rui Santos
  Complete project details at https://RandomNerdTutorials.com/esp32-esp8266-input-data-html-form/
  
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files.
  
  The above copyright notice and this permission notice shall be included in all
  copies or substantial portions of the Software.
*********/

#include <Arduino.h>
#ifdef ESP32
  #include <WiFi.h>
  #include <AsyncTCP.h>
#else
  #include <ESP8266WiFi.h>
  #include <ESPAsyncTCP.h>
#endif
#include <ESPAsyncWebServer.h>

AsyncWebServer server(80);

// REPLACE WITH YOUR NETWORK CREDENTIALS  charset="GBK" charset="UTF-8"
const char *ssid = "NETGEAR20";
const char *password = "yellowstar950";

const char* PARAM_INPUT_1 = "input1";
const char* PARAM_INPUT_2 = "input2";
const char* PARAM_INPUT_3 = "input3";

// HTML web page to handle 3 input fields (input1, input2, input3)
const char index_html[] PROGMEM = R"rawliteral(
<!DOCTYPE HTML><html><head>
  <title>ESP Input Form</title>
  <meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8">
  </head><body>
  <form action="/get">
    input1: <input type="text" name="input1">
    <input type="submit" value="Submit">
  </form><br>
  <form action="/get">
    input2: <input type="text" name="input2">
    <input type="submit" value="Submit">
  </form><br>
  <form action="/get">
    input3: <input type="text" name="input3">
    <input type="submit" value="Submit">
  </form>
</body></html>)rawliteral";

void notFound(AsyncWebServerRequest *request) {
  request->send(404, "text/plain", "Not found");
}

void setup() {
  Serial.begin(115200);
  WiFi.mode(WIFI_STA);
  WiFi.begin(ssid, password);
  if (WiFi.waitForConnectResult() != WL_CONNECTED) {
    Serial.println("WiFi Failed!");
    return;
  }
  Serial.println();
  Serial.print("IP Address: ");
  Serial.println(WiFi.localIP());

  // Send web page with input fields to client
  server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){
    request->send_P(200, "text/html", index_html);
  });

  // Send a GET request to <ESP_IP>/get?input1=<inputMessage>
  server.on("/get", HTTP_GET, [] (AsyncWebServerRequest *request) {
    String inputMessage;
    String inputParam;
    // GET input1 value on <ESP_IP>/get?input1=<inputMessage>
    if (request->hasParam(PARAM_INPUT_1)) {
      inputMessage = request->getParam(PARAM_INPUT_1)->value();
      inputParam = PARAM_INPUT_1;
    }
    // GET input2 value on <ESP_IP>/get?input2=<inputMessage>
    else if (request->hasParam(PARAM_INPUT_2)) {
      inputMessage = request->getParam(PARAM_INPUT_2)->value();
      inputParam = PARAM_INPUT_2;
    }
    // GET input3 value on <ESP_IP>/get?input3=<inputMessage>
    else if (request->hasParam(PARAM_INPUT_3)) {
      inputMessage = request->getParam(PARAM_INPUT_3)->value();
      inputParam = PARAM_INPUT_3;
    }
    else {
      inputMessage = "No message sent";
      inputParam = "none";
    }
//    inputMessage=inputMessage.substring(2);
//    inputMessage=inputMessage.substring(0,5);
    Serial.println(inputMessage);
    request->send(200, "text/html", "HTTP GET request sent to your ESP on input field (" 
                                     + inputParam + ") with value: " + inputMessage +
                                     "<br><a href=\"/\">Return to Home Page</a>");
  });
  server.onNotFound(notFound);
  server.begin();
}

void loop() {  
}

网页显示

串口监视器接收到的中文

ESPAsyncWebServer安装

安装文件GITHUB

git下来或download下来把如下文件复制到arduino安装目录下的\Arduino\libraries目录下,直接把ESPAsyncWebServer文件夹复制到该目录下,感叹号图标不用理会.

复制好文件后重启arduino,重新编译程序.

armcsdn

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
打赏
0
评论
网页向NODEMCU发送中文,并通过arduino IDE 串口监视器显示中文

通过网页向NODEMCU发送中文的注意点1 ARDUINO 串口监视器支持UTF-8编码,不支持GBK编码2基于web server的服务,网页的编码格式需声明为 charset="UTF-8",否者串口监视器无法正常显示中文.正常设置如下:<meta name="viewport" content="width=device-width, initial-scale=1"...
复制链接

扫一扫