ESP32网络开发:1.创建一个基于TCP网络协议的网站

一、TCP协议的介绍

TCP(传输控制协议,Transmission Control Protocol)是互联网协议套件中的一种核心协议,主要用于在网络中的计算机之间可靠地传输数据。TCP协议位于OSI模型(开放系统互联模型)的传输层,它为应用层协议(如HTTP、FTP、SMTP等)提供服务。

以下是TCP协议的一些关键特性,用通俗易懂的方式解释:

  1. 连接导向:TCP协议在数据传输之前,需要在发送方和接收方之间建立一个连接。这就像打电话,需要先拨号,对方接听后,双方才能开始通话。

  2. 可靠性:TCP确保数据包能够无误地从发送方传输到接收方。如果某个数据包在传输过程中丢失或损坏,TCP会负责重新发送这个数据包。这就像邮寄包裹,如果包裹丢失,邮局会负责重新邮寄。

  3. 顺序保证:即使数据包通过不同的路径传输,TCP也能确保它们按照发送的顺序到达接收方。这就像排队买票,即使有人插队,最终大家还是按照先来后到的顺序买到票。

  4. 流量控制:TCP可以调整数据传输的速率,以避免发送方发送数据过快,导致接收方处理不过来。这就像交通流量控制,通过红绿灯调节车辆的通行速度,避免交通拥堵。

  5. 拥塞控制:当网络拥堵时,TCP会减少数据的发送速率,以避免加剧网络拥堵。这就像在繁忙的街道上,司机看到前方拥堵,会减速行驶,避免造成更大的交通堵塞。

  6. 错误检测:TCP使用校验和(checksum)来检测数据包在传输过程中是否发生错误。这就像快递包裹上的条形码,可以用来检查包裹是否在运输过程中受损。

总结来说,TCP协议就像一个可靠的邮递服务,确保信件(数据包)能够准确、有序地从发送方传递到接收方,并且在传递过程中进行流量和拥塞控制,确保整个过程顺畅无误。

二、详细代码

这里需将ssid和password改为你对应的WIFI或热点,并且随便写一个网址。

cpp 复制代码
#include <WiFi.h>
#include <WiFiClient.h>
#include <WiFiServer.h>

// 替换为你的WiFi网络名称和密码
const char* ssid = ".....";
const char* password = ".....";

// 定义TCP服务器的端口号
const int port = 80;

// 创建一个TCP服务器实例
WiFiServer server(port);

void setup() {
  Serial.begin(115200);
  delay(1000);

  // 连接到WiFi网络
  Serial.println();
  Serial.print("Connecting to ");
  Serial.println(ssid);

  WiFi.begin(ssid, password);

  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
  }

  Serial.println("");
  Serial.println("WiFi connected.");
  Serial.println("IP address: ");
  Serial.println(WiFi.localIP());

  // 启动TCP服务器
  server.begin();
  Serial.println("TCP server started.");
}

void loop() {
  // 检查是否有客户端连接
  WiFiClient client = server.available();

  if (client) {
    Serial.println("New client connected.");

    // 读取客户端请求
    String request = "";
    while (client.connected()) {
      if (client.available()) {
        char c = client.read();
        request += c;

        // 如果请求结束,发送响应
        if (c == '\n') {
          // 发送HTTP响应
          client.println("HTTP/1.1 200 OK");
          client.println("Content-type:text/html");
          client.println();
          client.println("<!DOCTYPE html>");
          client.println("<html>");
          client.println("<head>");
          client.println("<title>ESP32 Sci-Fi Web Server</title>");
          client.println("<style>");
          client.println("body { font-family: 'Courier New', monospace; background-color: black; color: #00FF00; }");
          client.println("h1 { color: #00FF00; }");
          client.println("button { background-color: #00FF00; color: black; border: none; padding: 10px 20px; font-size: 16px; cursor: pointer; }");
          client.println("button:hover { background-color: #00CC00; }");
          client.println("</style>");
          client.println("</head>");
          client.println("<body>");
          client.println("<h1>Welcome to the Web Server</h1>");
          client.println("<p>This is a web interface powered by ESP32, m3?</p>");
          client.println("<button onclick=\"alert('Restart')\">Button 1</button>");
          client.println("<button onclick=\"alert('Self-destruction')\">Button 2</button>");
          client.println("<button onclick=\"alert('Send gifts')\">Button 3</button>");
          client.println("</body>");
          client.println("</html>");
          client.println();

          // 关闭连接
          client.stop();
          Serial.println("Client disconnected.");
          break;
        }
      }
    }
  }
}

三、打开网址

程序下载完成后,先打开串口调试助手,选择打印出来的IP地址,复制在浏览器打开。

相关推荐
YuMiao5 小时前
gstatic连接问题导致Google Gemini / Studio页面乱码或图标缺失问题
服务器·网络协议
Jony_3 天前
高可用移动网络连接
网络协议
chilix3 天前
Linux 跨网段路由转发配置
网络协议
DianSan_ERP5 天前
电商API接口全链路监控:构建坚不可摧的线上运维防线
大数据·运维·网络·人工智能·git·servlet
呉師傅5 天前
火狐浏览器报错配置文件缺失如何解决#操作技巧#
运维·网络·windows·电脑
gihigo19985 天前
基于TCP协议实现视频采集与通信
网络协议·tcp/ip·音视频
2501_946205525 天前
晶圆机器人双臂怎么选型?适配2-12寸晶圆的末端效应器有哪些?
服务器·网络·机器人
linux kernel5 天前
第七部分:高级IO
服务器·网络
数字护盾(和中)5 天前
BAS+ATT&CK:企业主动防御的黄金组合
服务器·网络·数据库
~远在太平洋~5 天前
Debian系统如何删除多余的kernel
linux·网络·debian