ESP8266_遥控小车网页版

ESP8266_遥控小车网页版

话不多说，上代码

不懂的地方可以看这篇文章里面介绍的非常详细了
这里不多赘述回家 3 天，我做了一辆远程遥控小车

#include <ESP8266WiFi.h>        // 本程序使用 ESP8266WiFi库
#include <ESP8266WiFiMulti.h>   //  ESP8266WiFiMulti库
#include <ESP8266WebServer.h>   //  ESP8266WebServer库

ESP8266WiFiMulti wifiMulti;     // 建立ESP8266WiFiMulti对象,对象名称是 'wifiMulti'

ESP8266WebServer esp8266_server(80);// 建立网络服务器对象，该对象用于响应HTTP请求。监听端口（80）

const int IN1 = 5;   // 
const int IN2 = 4;  
const int ENA =2; 
const int IN3 = 14;   // 
const int IN4 = 12;   
const int ENB =13;  


int ValueHead = 850;           //IN3,IN4的pwm值
int ValueDown = 350;           //IN1,IN2的pwm值

int flag1;    //左转标志位
int flag2;    //右转标志位

char *G;    //前后左右停的变量
char *B;
char *L;
char *R;
char *S;

void TurnLeft(){
   digitalWrite(IN3, HIGH);         //左转
   digitalWrite(IN4, LOW);
   flag1++;
  esp8266_server.sendHeader("Location","/");          // 跳转回页面根目录
  esp8266_server.send(303);                           // 发送Http相应代码303 跳转  
  }

void LeftState(){                 //状态判断
  flag1=7;
  if(flag1==7){
  TurnLeft();
  }
delay(1000);
   if(flag1==8){
    digitalWrite(IN3, LOW);
    flag1=0;
   }
  }

void TurnRight(){
   digitalWrite(IN3, LOW);         //右转
   digitalWrite(IN4, HIGH);
   flag2++;
  esp8266_server.sendHeader("Location","/");          // 跳转回页面根目录
  esp8266_server.send(303);                           // 发送Http相应代码303 跳转  
  }

void RightState(){                //状态判断
  flag2=8;
  if(flag2==8){
  TurnRight();
  }
delay(1000);
   if(flag2==9){
    digitalWrite(IN3, HIGH);
    flag2=0;
   }
  }

void Goo(){
      digitalWrite(IN1, LOW);         //前进
      digitalWrite(IN2, HIGH);
  esp8266_server.sendHeader("Location","/");          // 跳转回页面根目录
  esp8266_server.send(303);                           // 发送Http相应代码303 跳转  
  }
void GoBack(){
      digitalWrite(IN1, HIGH);         //后退
      digitalWrite(IN2, LOW);
  esp8266_server.sendHeader("Location","/");          // 跳转回页面根目录
  esp8266_server.send(303);                           // 发送Http相应代码303 跳转  
  }

void Stop(){
      digitalWrite(IN1, HIGH);         //停止
      digitalWrite(IN2, HIGH);
  esp8266_server.sendHeader("Location","/");          // 跳转回页面根目录
  esp8266_server.send(303);                           // 发送Http相应代码303 跳转  
  }

void setup(void){
  Serial.begin(115200);   // 启动串口通讯

 pinMode(IN1, OUTPUT);
 pinMode(IN2, OUTPUT);
 pinMode(IN3, OUTPUT);
 pinMode(IN4, OUTPUT);
  //通过addAp函数存储  WiFi名称       WiFi密码
  wifiMulti.addAP("mi8", "1234567890");  // 这三条语句通过调用函数addAP来记录3个不同的WiFi网络信息。
//  wifiMulti.addAP("Y7000", "1234567890"); // 这3个WiFi网络名称和密码
//  wifiMulti.addAP("taichi-maker3", "13572468");
                                                // 此处WiFi信息只是示例，请在使用时将需要连接的WiFi信息填入相应位置。
                                                // 另外这里只存储了3个WiFi信息，您可以存储更多的WiFi信息在此处。
  Serial.println("正在连接Wifi,请稍等：");  
  int i = 0;                                 
  while (wifiMulti.run() != WL_CONNECTED) {  // 此处的wifiMulti.run()是重点。通过wifiMulti.run()，NodeMCU将会在当前
    delay(1000);                             // 环境中搜索addAP函数所存储的WiFi。如果搜到多个存储的WiFi那么NodeMCU
    Serial.print(i++); Serial.print(' ');    // 将会连接信号最强的那一个WiFi信号。
  }                                          // 一旦连接WiFI成功，wifiMulti.run()将会返回“WL_CONNECTED”。这也是
                                             // 此处while循环判断是否跳出循环的条件。

  // WiFi连接成功后将通过串口监视器输出连接成功信息 
  Serial.println('\n');
  Serial.print("Connected to ");
  Serial.println(WiFi.SSID());              // 通过串口监视器输出连接的WiFi名称
  Serial.print("IP address:\t");
  Serial.println(WiFi.localIP());           // 通过串口监视器输出ESP8266-NodeMCU的IP

  esp8266_server.begin();                           // 启动网站服务
  esp8266_server.on("/", HTTP_GET, handleRoot);     // 设置服务器根目录即'/'的函数'handleRoot'

  esp8266_server.on("/GO", HTTP_POST, Goo);  
  esp8266_server.on("/BACK", HTTP_POST, GoBack);  
  esp8266_server.on("/STOP", HTTP_POST, Stop);  
  esp8266_server.on("/RIGHT", HTTP_POST, RightState);  
  esp8266_server.on("/LEFT", HTTP_POST, LeftState);  

  esp8266_server.onNotFound(handleNotFound);       
  Serial.println("HTTP esp8266_server started");
}

void loop(void){
  analogWrite(ENB, ValueHead);
 analogWrite(ENA, ValueDown);
  esp8266_server.handleClient();                     // 检查http服务器访问
}

void handleRoot() {       
  esp8266_server.send(200, "text/html",
  "<form style=\"text-align:center\" action=\"/GO\" method=\"POST\"><input type=\"submit\" value=\"GO\" style=\"width:200px;height:250px\"></form>"

  "<form style=\"text-align:center\" action=\"/BACK\" method=\"POST\"><input type=\"submit\" value=\"BACK\" style=\"width:200px;height:250px\"></form>"

  "<form style=\"text-align:center\" action=\"/STOP\" method=\"POST\"><input type=\"submit\" value=\"STOP\" style=\"width:200px;height:250px\"></form>"

  "<form style=\"text-align:center\" action=\"/RIGHT\" method=\"POST\"><input type=\"submit\" value=\"RIGHT\" style=\"width:200px;height:250px\"></form>"

  "<form style=\"text-align:center\" action=\"/LEFT\" method=\"POST\"><input type=\"submit\" value=\"LEFT\" style=\"width:200px;height:250px\"></form>"

  );
}

//处理LED控制请求的函数'handleLED'
void handleLED() {                          
  digitalWrite(2,!digitalRead(2));// 改变LED的点亮或者熄灭状态
  esp8266_server.sendHeader("Location","/");          // 跳转回页面根目录
  esp8266_server.send(303);                           // 发送Http相应代码303 跳转  
}



// 设置处理404情况的函数'handleNotFound'
void handleNotFound(){
  esp8266_server.send(404, "text/plain", "404: Not found"); // 发送 HTTP 状态 404 (未找到页面) 并向浏览器发送文字 "404: Not found"
}

烧录代码后， 模块接入手机热点， 串口输出ip地址， 手机打开浏览器直接访问就可以了， 页面做的比较粗糙，你们根据自己喜好更改，
贾斯汀大家有什么疑惑欢迎私信评论🤙🤙🤙