一、库函数记录
ESP8266WebServer esp8266_server(80);
esp8266_server.begin();
esp8266_server.on("/", handleRoot);
esp8266_server.onNotFound(handleNotFound);
esp8266_server.handleClient();
esp8266_server.send(200, "text/plain", "Hello from ESP8266");
二、代码学习
1、创建一个网络服务器
#include <ESP8266WiFi.h>
#include <ESP8266WebServer.h>
const char *ssid = "FreeWIFI";
const char *password = "20202020";
ESP8266WebServer esp8266_server(80);
void setup(void)
{
Serial.begin(9600);
WiFi.softAP(ssid, password);
esp8266_server.begin();
esp8266_server.on("/", handleRoot);
esp8266_server.onNotFound(handleNotFound);
Serial.println("esp8266_server started");
}
void loop(void)
{
Serial.print("Access Point: ");
Serial.println(ssid);
Serial.print("IP address: ");
Serial.println(WiFi.softAPIP());
esp8266_server.handleClient();
}
void handleRoot()
{
esp8266_server.send(200, "text/plain", "富强民主文明和谐\n自由平等公正法制\n爱国敬业诚信友善\n");
}
void handleNotFound()
{
esp8266_server.send(404, "text/plain", "404: Not found");
}
2、优化网页显示内容
#include <ESP8266WiFi.h>
#include <ESP8266WebServer.h>
const char *ssid = "FreeWIFI";
const char *password = "20202020";
ESP8266WebServer esp8266_server(80);
void setup(void)
{
Serial.begin(9600);
WiFi.softAP(ssid, password);
esp8266_server.begin();
esp8266_server.on("/", handleRoot);
esp8266_server.onNotFound(handleNotFound);
Serial.println("esp8266_server started");
}
void loop(void)
{
Serial.print("Access Point: ");
Serial.println(ssid);
Serial.print("IP address: ");
Serial.println(WiFi.softAPIP());
esp8266_server.handleClient();
}
void handleRoot()
{
esp8266_server.send(200, "text/html", sendHTML());
}
void handleNotFound()
{
esp8266_server.send(404, "text/plain", "404: Not found");
}
String sendHTML()
{
String htmlCode = "<!DOCTYPE html> <html>\n";
htmlCode +="<head>\n";
htmlCode +="<title>社会主义核心价值观</title>\n";
htmlCode +="<style>html { font-family: Helvetica; display: inline-block; margin: 0px auto; text-align: center;}\n";
htmlCode +="body{margin-top: 50px;} h1 {color: #444444;margin: 50px auto 30px;} h3 {color: #444444;margin-bottom: 50px;}\n";
htmlCode +="</style>\n";
htmlCode +="</head>\n";
htmlCode +="<body>\n";
htmlCode +="<h1>社会主义核心价值观</h1>\n";
htmlCode +="<p>富强民主文明和谐</p>\n";
htmlCode +="<p>自由平等公正法治</p>\n";
htmlCode +="<p>爱国敬业诚信友善</p>\n";
htmlCode +="</body>\n";
htmlCode +="</html>\n";
return htmlCode;
}