2.2.4 wifi读取电位器模拟值#

2.2.4.1 简介#

使用ESP01-S模块实现对UNO开发板连接的传感器数据进行WiFi无线读取并显示在网页上。课程为基础WiFi读取数据教程，其他传感器的数据读取方式与本课程一样，如DHT11的温度与湿度、光敏传感器、超声波测距等等…

2.2.4.2 接线#

注意：UNO代码上传完毕后再将ESP-01S模块连接到UNO扩展板上，连接时注意ESP-01S模块接口的线序，GND对应黑色线，VCC对应红色线，不要接错！！！

a60

2.2.4.3 ESP-01S 代码#

注意：波特率需要慢一点不能太快，因为数据传输太快容易丢失数据！！建议波特率为“750”

请注意，你需要将SSID 名称与PASSWD 密码修改成你需要连接的WiFi的，并且这个WiFi需要是2.4GHz频段的。

#include <ESP01_Wed.h>

char* WiFi_SSID = "LiuTest";       //你的wifi名称
char* WiFi_Password = "88888888";  //你的wifi密码

// 创建库对象
ESP01_Wed webInterface(WiFi_SSID, WiFi_Password, 750);  // SSID, 密码, 串口波特率

void setup() {
  // 初始化库
  webInterface.begin();

  // 添加传感器显示，将不需要显示的直接注释掉对应的代码即可
  //   webInterface.addSensor("Water Detect", "water", "waterValue");              //水滴传感器数据显示
  //   webInterface.addSensor("Temperature(&deg;C)", "temperature", "tempValue");  //温度数据显示
  //   webInterface.addSensor("Humidity(%RH)", "humidity", "humidityValue");       //湿度数据显示
  //   webInterface.addSensor("LIGHT", "light", "lightValue");                     //光敏传感器数据显示
  //   webInterface.addSensor("Ultrasonic(cm)", "ultrasonic", "ultraValue");       //超声波距离数据显示
  //   webInterface.addSensor("Smoke", "smoke", "smokeValue");                     //烟雾传感器数据显示
  //   webInterface.addSensor("Alcohol", "alcohol", "alcoholValue");               //酒精传感器数据显示
  //   webInterface.addSensor("Soil Moisture", "soil", "soilValue");               //土壤湿度传感器数据显示
    webInterface.addSensor("Pot", "pot", "potValue");                           //电位器数据显示器

  // 添加控制按钮，将不需要的按键直接注释掉对应的代码即可
  // webInterface.addToggleButton("Red LED", "RED_LED:1", "RED_LED:0");        //添加红光灯控制按键
  // webInterface.addToggleButton("Green LED", "GREEN_LED:1", "GREEN_LED:0");  //添加绿光灯控制按键
  // webInterface.addToggleButton("Blue LED", "BLUE_LED:1", "BLUE_LED:0");     //添加蓝光灯控制按键
//   webInterface.addToggleButton("White LED", "WHITE_LED:1", "WHITE_LED:0");  //添加白光灯控制按键
//   webInterface.addToggleButton("Relay", "RELAY:1", "RELAY:0");              //添加继电器模块控制按键
//   webInterface.addToggleButton("Laser", "LASER:1", "LASER:0");              //添加激光模块控制按键
//   webInterface.addToggleButton("Water Pump", "PUMP:1", "PUMP:0");           //添加水泵控制按键
//   webInterface.addToggleButton("Motor", "MOTOR:1", "MOTOR:0");              //添加电机控制按键
//   webInterface.addToggleButton("Servo", "SERVO:1", "SERVO:0");              //添加舵机控制按键

  // 打印IP地址
  Serial.print("Web server IP: ");
  Serial.println(webInterface.getIP());
}

void loop() {
  // 主循环
  webInterface.loop();
}

2.2.4.4 ESP-01S 代码说明#

打开ESP01_S代码中的代码文件，将不用显示的按键以及传感器数据显示注释掉，将电位器Pot数据显示取消注释即可（你也可以使用快捷键Ctrl + /，鼠标光标点击到需要注释的代码行或选中的代码多行代码按Ctrl + /即可达到注释或者取消注释的效果）

2.2.4.5 UNO 代码#

注意：串口波特率一定要与ESP8266的波特率匹配。波特率为“750”

// 定义电位器连接的引脚号
int PotPin = A1;

// 用于存储从串口接收到的控制指令字符串
String WiFi_Control = "";

void setup() {
  // 初始化串口通信，波特率设置为750（注意：非标准波特率，需确保通信双方一致）
  Serial.begin(750);

  // 将电位器引脚设置为输入模式
  pinMode(PotPin, INPUT);
}

void loop() {
  //读取传感器数据
  int PotValue = analogRead(PotPin);

  // 检查串口是否有数据可读
  if (Serial.available()) {
    // 读取直到换行符('\n')的数据，并转换为String类型
    WiFi_Control = Serial.readStringUntil('\n');

    // 去除字符串首尾的空白字符（如回车、空格等）
    WiFi_Control.trim();

    // 将接收到的指令回传到串口，便于调试
    Serial.print("WiFi_Control:");
    Serial.println(WiFi_Control);
  }

  // 判断接收到的指令内容是否是发送数据指令"SENSOR_READ"
  if (WiFi_Control == "SENSOR_READ") {
    //请注意串口发送的数据格式为 “名称:数据”，如电位器的值是1000就是“POT:1000”
    Serial.println("POT:" + String(PotValue));
  }
  // 清除指令字符串，避免重复执行
  WiFi_Control = "";
}

2.2.4.6 UNO代码说明#

① 前面的基础框架与WiFi控制的代码一样，区别就在后面的读取数据代块上

② 使用if判断是否接收到ESP-01S模块发送的字符SENSOR_READ，如果是就使用串口打印函数发送数据给ESP-01S模块

③ 发送方式假如需要发送电位器值900给ESP-01S模块显示到网页上发送格式如下:Serial.println("POT" + String(900))

2.2.4.7 代码结果#

分别将ESP-01S与UNO开发板的代码上传成功后，将ESP-01S连接到UART。按一下“ESP-01S Arduino wifi转串口扩展板”上的RST按键使ESP-01S模块复位重新连接WiFi并通过UNO开发板的串口打印IP地址，然后再连接同一个wifi设备的浏览器中输入IP搜索进入网页控制页面。

2.2.4 wifi读取电位器模拟值

目录