esp8266之HTTP网络服务器

[复制链接]
查看664 | 回复3 | 2023-11-27 17:24:12 | 显示全部楼层 |阅读模式
既然能够连上网,肯定要建立一个基本的网络服务器,建立好之后,使用浏览器通过ip来访问。
下面是一个基本的:
QQ截图20231127171344.png Screenshot_20231127_171211.jpg

/*
* ESP8266-NodeMCU作为HttpServer服务器
*/

#include <ESP8266WiFi.h>                        // 本程序使用ESP8266WiFi库
#include <ESP8266WebServer.h>                   // web服务器通信库需要使用

/* 1. 设置Wifi接入信息 */
const char* ssid     = "name";                // 需要连接到的WiFi名
const char* password = "password";             // 连接的WiFi密码

/* 2. 创建一个web服务器对象,使用80端口,HTTP网络服务器标准端口号即为80 */
ESP8266WebServer esp8266_server(80);

/* 3. 处理访问网站根目录“/”的访问请求 */
void handleRoot() {
  String htmlCode = "<!DOCTYPE html> <html>\n";
  htmlCode +="<head><meta charset=\"UTF-8\"/>\n";
  htmlCode +="<title>ESP8266 Butoon Ctrl</title>\n";
  htmlCode +="</head> <body>\n";
  htmlCode +="<h2 align=\"center\">esp8266控制开关</h2>";
  htmlCode +="<p><form action=\"/LED1_ON\" method=\"POST\" align=\"center\"><input type=\"submit\" value=\"打开前台灯\"></form></p>\n";
  htmlCode +="<p><form action=\"/LED2_ON\" method=\"POST\" align=\"center\"><input type=\"submit\" value=\"打开大厅灯\"></form></p>\n";
  htmlCode +="<p><form action=\"/LED3_ON\" method=\"POST\" align=\"center\"><input type=\"submit\" value=\"打开走廊灯\"></form></p>\n";
  htmlCode +="</body>\n";
  esp8266_server.send(200, "text/html", htmlCode);     // NodeMCU将调用此函数。
}

/* 4. 设置处理404情况的函数'handleNotFound' */
void handleNotFound(){                                              // 当浏览器请求的网络资源无法在服务器找到时,
  esp8266_server.send(404, "text/plain", "404: Not found");         // NodeMCU将调用此函数。
}

void setup() {
  /* 1. 初始化串口通讯波特率为115200*/
  Serial.begin(115200);
  Serial.println("");

  /* 2. 开启wifi连接,连接成功后打印IP地址 */
  WiFi.mode(WIFI_STA);                          // 设置Wifi工作模式为STA,默认为AP+STA模式
  WiFi.begin(ssid, password);                   // 通过wifi名和密码连接到Wifi
  Serial.print("\r\nConnecting to ");           // 串口监视器输出网络连接信息
  Serial.print(ssid); Serial.println(" ...");   // 显示NodeMCU正在尝试WiFi连接
  int i = 0;                                    // 检查WiFi是否连接成功
  while (WiFi.status() != WL_CONNECTED)         // WiFi.status()函数的返回值是由NodeMCU的WiFi连接状态所决定的。
  {                                             // 如果WiFi连接成功则返回值为WL_CONNECTED
    delay(1000);                                // 此处通过While循环让NodeMCU每隔一秒钟检查一次WiFi.status()函数返回值
    Serial.print("waiting for ");                          
    Serial.print(i++); Serial.println("s...");      
  }                                             
  Serial.println("");                           // WiFi连接成功后
  Serial.println("WiFi connected!");            // NodeMCU将通过串口监视器输出"连接成功"信息。
  Serial.print("IP address: ");                 // 同时还将输出NodeMCU的IP地址。这一功能是通过调用
  Serial.println(WiFi.localIP());               // WiFi.localIP()函数来实现的。该函数的返回值即NodeMCU的IP地址。

  /* 3. 开启http网络服务器功能 */
  esp8266_server.begin();                       // 启动http网络服务器
  esp8266_server.on("/", handleRoot);           // 设置请求根目录时的处理函数函数
  esp8266_server.onNotFound(handleNotFound);    // 设置无法响应时的处理函数   
  Serial.println("HTTP esp8266_server started");// 告知用户ESP8266网络服务功能已经启动
}

void loop() {
  esp8266_server.handleClient();                // 处理http访问,需要一直运行
}

学习的是csdn的Willliam-william博主



下面的是在制作四足是控制的一个网页
Screenshot_20231127_172006.jpg


回复

使用道具 举报

干簧管 | 2023-11-27 19:41:08 | 显示全部楼层
666
回复

使用道具 举报

WT_0213 | 2023-11-28 09:08:44 | 显示全部楼层
回复

使用道具 举报

streampretty | 2024-4-8 11:53:24 | 显示全部楼层
okayyy
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则