要用 App Inventor 2 与 ESP8266 通信，通常基于 HTTP 协议 或 Socket 协议 实现。以下是详细的中文分步指南：

一、基础原理

1. ESP8266 作为 Web 服务器或 TCP 服务器。
2. App Inventor 2 通过 Web 组件或 Socket 组件发送请求/指令。
3. 通信方式：
   • HTTP GET/POST：适用于简单控制（如开关灯）。
   • TCP Socket：适用于实时双向通信（如传感器数据流）。

二、ESP8266 设置（示例：Web 服务器模式）

1. Arduino 代码（基于 ESP8266 AT 固件或 Arduino IDE）

#include <ESP8266WiFi.h>
#include <ESP8266WebServer.h>

const char* ssid = "你的WiFi名";
const char* password = "你的WiFi密码";

ESP8266WebServer server(80); // 端口 80

void setup() {
  Serial.begin(115200);
  WiFi.begin(ssid, password);

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

  Serial.println("\nIP地址: " + WiFi.localIP().toString());

  // 设置路由
  server.on("/control", HTTP_GET, []() {
    String cmd = server.arg("cmd"); // 获取App传入的指令
    if (cmd == "on") digitalWrite(LED_BUILTIN, LOW);  // 开灯
    else if (cmd == "off") digitalWrite(LED_BUILTIN, HIGH); // 关灯
    server.send(200, "text/plain", "OK:" + cmd);
  });

  server.begin();
}

void loop() {
  server.handleClient();
}

2. 关键点

• 上传代码后，串口监视器查看 ESP8266 的 IP 地址（如 192.168.1.100）。
• 支持 http://<IP>/control?cmd=on 或 off 的 GET 请求控制。

三、App Inventor 2 开发

1. 组件清单

2. 逻辑设计

• 按钮点击时 → 发送 HTTP GET 请求到 ESP8266 IP。
• Web 返回响应 → 在标签显示结果。

3. 块代码示例

当按钮_开点击：
  设置 Web1.URL = "http://192.168.1.100/control?cmd=on"
  执行 Web1.请求Get

当按钮_关点击：
  设置 Web1.URL = "http://192.168.1.100/control?cmd=off"
  执行 Web1.请求Get

当 Web1.返回结果(状态码, 响应内容)：
  设置 标签_状态.文本 = "响应: " + 响应内容

四、网络要求

1. 同一局域网：手机与 ESP8266 需连接同一路由器（WiFi）。
2. IP 固定：建议在路由器设置 ESP8266 的静态 IP。
3. 防火墙：关闭电脑/路由器的防火墙（临时测试）。

五、调试技巧

1. 用浏览器测试：先访问 http://<ESP_IP>/control?cmd=on 验证 ESP8266 是否响应。
2. App Inventor 错误处理：

   当 Web1.请求失败(消息):
     设置 标签_状态.文本 = "错误: " + 消息

3. ESP8266 串口输出：监控串口日志（波特率 115200）。

六、替代方案：TCP Socket

ESP8266 代码（TCP 服务器）

WiFiServer server(8080); // 端口 8080
void setup() {
  // ...（同上连接WiFi）
  server.begin();
}

void loop() {
  WiFiClient client = server.available();
  if (client) {
    while (client.connected()) {
      if (client.available()) {
        String cmd = client.readStringUntil('\n');
        if (cmd == "on") { /* 执行开灯 */ }
        client.println("Received: " + cmd); // 回复客户端
      }
    }
    client.stop();
  }
}

App Inventor 使用 ClientSocket 扩展

1. 导入 TCP 组件（需第三方扩展，如 TaifunSocket）。
2. 连接、发送、接收数据：

   设置按钮_连接：连接到 IP="192.168.1.100", 端口=8080
   设置按钮_发送：发送文本 "on\n"  # 加\n作为结束符

七、常见问题

1. 连接超时 → 检查 IP 是否正确，ESP8266 是否在线。
2. 无响应 → 确认路由器是否隔离设备（关闭 AP 隔离）。
3. 端口占用 → 更换 ESP8266 端口（如 8080、8888）。

⚠️ 重要：实际 IP 需替换成你的 ESP8266 IP，并确保无硬件冲突（如 LED 引脚是否正确）。

通过上述步骤，即可实现 App Inventor 2 与 ESP8266 的稳定通信！可扩展为物联网控制、传感器监控等应用。