查看: 4272|回复: 1

[进阶] 使用M5StickC/ESP32制作基于web的遥控器

本帖最后由 vany5921 于 2019-8-20 20:52 编辑

M5StickC内置了红外发射器，可以通过编写程序发送遥控编码，下面的案例将展示通过M5StickC建立Webserve服务器，手机通过页面操作控制(TOSHIBA/Panasonic)遥控器的编码文件单独进行了封装

[mw_shl_code=c,true]#include <M5StickC.h>
#include <WiFi.h>
#include <DNSServer.h>
#include <WiFiClient.h>
#include <WebServer.h>
#include <WiFiManager.h> //https://github.com/Brunez3BD/WIFIMANAGER-ESP32
#include <ESPmDNS.h>
#include <WiFiClient.h>
#include <aJSON.h>    //https://github.com/interactive-matter/aJson  https://gitlab.com/xarduino/ligh ... on-void-flush.patch
#include <IRremote.h> //https://github.com/SensorsIot/Arduino-IRremote

WebServer webServer(80);
byte SEND_PIN = 9; // IR:9
IRsend irsend(SEND_PIN);

void handleIndex(){
  Serial.println("handleIndex");
  String s = "<html lang=\"en\"><head><meta charset=\"utf-8\"/><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"><title>M5StickC-IR</title><link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css\" /><script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js\"></script><script src=\"https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js\"></script></head><body><div class=\"container\"><div class=\"row\"><div class=\"col-md-12\"><h1>M5StickC-IR <small>";
  //s += localName;
  s += "m5c";
  s += ".local</small></h1><p>IP address: ";
  s += String(WiFi.localIP()[0]) + "." + String(WiFi.localIP()[1]) + "." + String(WiFi.localIP()[2]) + "." + String(WiFi.localIP()[3]);
  s += "</p><hr><div class=\"form-group\">";
  s += "<textarea class=\"form-control\" id=\"message\" rows=\"10\"></textarea></div>";
  s += "<div class=\"row\"> <button class=\"btn btn-success\" id=\"post\">POST</button> ";
  s += " <button class=\"btn btn-danger\" id=\"LEDON\">LED ON</button> ";
  s += " <button class=\"btn btn-info\" id=\"LEDOFF\">LED OFF</button>";
  //重置无线网络
  s += " <button class=\"btn\" id=\"WIFIRESET\">WiFi reset</button> </div>";

  s += "</div>";
  s += "<script>var xhr = new XMLHttpRequest();var textarea = document.getElementById(\"message\");";
  //s += "document.getElementById(\"get\").addEventListener(\"click\", function () {xhr.open('GET', '/messages', true);xhr.setRequestHeader('X-Requested-With', 'curl');xhr.onreadystatechange = function() {if(xhr.readyState == 4) {textarea.value =xhr.responseText;}};xhr.send(null);});";
  s += "document.getElementById(\"post\").addEventListener(\"click\", function () {data = textarea.value;xhr.open('POST', '/messages', true);xhr.onreadystatechange = function() {if(xhr.readyState == 4) {alert(xhr.responseText);}};xhr.setRequestHeader('Content-Type', 'application/json');xhr.setRequestHeader('X-Requested-With', 'curl');xhr.send(data);});";

  //LED ON
  s += "document.getElementById(\"LEDON\").addEventListener(\"click\", function () {xhr.open('get', '/ledon', true);xhr.setRequestHeader('X-Requested-With', 'curl');xhr.onreadystatechange = function() {if(xhr.readyState == 4) {textarea.value =xhr.responseText;}};xhr.send(null);});";
  //LED OFF
  s += "document.getElementById(\"LEDOFF\").addEventListener(\"click\", function () {xhr.open('get', '/ledoff', true);xhr.setRequestHeader('X-Requested-With', 'curl');xhr.onreadystatechange = function() {if(xhr.readyState == 4) {textarea.value =xhr.responseText;}};xhr.send(null);});";
  //WIFI重置
  s += "document.getElementById(\"WIFIRESET\").addEventListener(\"click\", function () {var result=confirm('Reset WiFi settings?');if(result){xhr.open('get', '/wifireset', true);xhr.setRequestHeader('X-Requested-With', 'curl');xhr.onreadystatechange = function() {if(xhr.readyState == 4) {textarea.value =xhr.responseText;}};xhr.send(null);}});";

  s += "</script></body></html>";
  webServer.send(200, "text/html", s);
}

void handleNotFound() {
  Serial.println(webServer.uri().c_str());
  Serial.println("404");
  webServer.send(404, "text/plain", "Not found.");
}

void handleMessages() {
  Serial.println(webServer.uri().c_str()); //add

  if (webServer.method() == HTTP_POST) {
//irrecv.disableIRIn();  //
String req = webServer.arg(0);
char json[req.length() + 1];
req.toCharArray(json, req.length() + 1);
Serial.println(json); //
aJsonObject* root = aJson.parse(json);
if (root != NULL) {
   aJsonObject* freq = aJson.getObjectItem(root, "freq");
   aJsonObject* data = aJson.getObjectItem(root, "data");
   if (freq != NULL && data != NULL) {
      const uint16_t d_size = aJson.getArraySize(data);
      //uint16_t rawData[d_size];
      unsigned int  rawData[d_size]; //
      for (int i = 0; i < d_size; i++) {
      aJsonObject* d_int = aJson.getArrayItem(data, i);
      rawData = d_int->valueint;
      }
      irsend.sendRaw(rawData, d_size, (uint16_t)freq->valueint);
      //irrecv.enableIRIn(); //
      req = "";
      aJson.deleteItem(root);
      webServer.sendHeader("Access-Control-Allow-Origin", "*");
      webServer.send(200, "text/plain", "ok");
   } else {
      webServer.send(400, "text/plain", "Invalid JSON format");
   }
} else {
   webServer.send(400, "text/plain", "Request body is empty");
}
  }
}

void handleLedOn() {
  Serial.println("LED ON");
  digitalWrite(M5_LED, LOW); //LED ON
  webServer.send(200, "text/plain", "ok");
}
void handleLedOff() {
  Serial.println("LED OFF");
  digitalWrite(M5_LED, HIGH);  //LED OFF
  webServer.send(200, "text/plain", "ok");
}

void handleWiFiReset(); //

void setup() {  // ---------------------------------------------------------------
  M5.begin();
  M5.Lcd.fillScreen(BLACK);
  M5.Axp.ScreenBreath(9); //7 - 12屏幕亮度
  // LED
  pinMode(M5_LED, OUTPUT);
  digitalWrite(M5_LED, LOW); //LEDON
  delay(200);
  digitalWrite(M5_LED, HIGH); //LEDOFF
  pinMode(M5_BUTTON_HOME, INPUT);
  pinMode(M5_BUTTON_RST, INPUT);

  //start serial connection
  Serial.begin(115200);
  Serial.println("\n Starting");

  WiFiManager wifiManager;

  M5.Lcd.setTextSize(1);
  M5.Lcd.setCursor(5,0);
  //M5.Lcd.println("AP mode: \r\nAutoConnectAP");
  //M5.Lcd.println("IP address: \r\n192.168.4.1");

  M5.Lcd.println("M5StickC-IR");
  M5.Lcd.println("\nIf you want to setup WiFi, \nPower off, \nPress Button RST \nand Power On!!!");
  //M5.Lcd.println("IP address: \r\n192.168.4.1");
  //delay(5000);

  if(digitalRead(M5_BUTTON_RST) == LOW){ //启动时显示提示信息
   M5.Lcd.fillScreen(BLACK); //clear
   M5.Lcd.setTextSize(1);
   M5.Lcd.setCursor(5,0);
   M5.Lcd.println("AP mode: \nOnDemandAP");
   M5.Lcd.println("\nconnect to WiFi, \nM5StickC-AP");
   M5.Lcd.println("\nOpen \n192.168.4.1");

   digitalWrite(M5_LED, LOW); //LED ON
   while(digitalRead(M5_BUTTON_RST) == LOW);
   digitalWrite(M5_LED, HIGH); //LED OFF
   for (int i=0; i <= 3; i++){
      delay(200);
      digitalWrite(M5_LED, LOW); //LED ON
      delay(200);
      digitalWrite(M5_LED, HIGH); //LED OFF
   }
   //启动WiFiManager
   if (!wifiManager.startConfigPortal("M5StickC-AP")) {
      Serial.println("failed to connect and hit timeout");
      delay(3000);
   }
   //reset and try again, or maybe put it to deep sleep
   ESP.restart();
   delay(2000);
  } else {
   //wifiManager.autoConnect("M5StickC-AP"); //AutoConnectAP
   Serial.println("WiFi.begin()");
   WiFi.begin();
   M5.Lcd.setCursor(5,120);
   int i = 0;
   while (WiFi.status() != WL_CONNECTED) { //设定超时时间10秒
      if(i > 20){break;}
      delay(500);
      i++;
      Serial.print(".");
      M5.Lcd.print(".");
   }
      Serial.println("!");
      M5.Lcd.println("! ");
  }

  IPAddress ipadr = WiFi.localIP();

  if(WiFi.status() == WL_CONNECTED){
Serial.println("connected..");
M5.Lcd.println("connected..");
Serial.println(WiFi.SSID());
  } else {
Serial.println("not connected!!!");
M5.Lcd.println("not connected!!!");
  }

  delay(1000);
  M5.Lcd.fillScreen(BLACK); //clear
  M5.Lcd.setCursor(0,0);
  M5.Lcd.println("M5StickC-IR");//AutoConnectAP

  //M5.Lcd.setCursor(0,20);
  //M5.Lcd.println("SSID: ");
  //M5.Lcd.print(WiFi.SSID());
  M5.Lcd.setCursor(0,60);
  M5.Lcd.println("IP address: ");
  M5.Lcd.print((String)ipadr[0] + "." + (String)ipadr[1] + "." + (String)ipadr[2] + "." + (String)ipadr[3]);

  //mDNS设定
  if (MDNS.begin("m5c")) {
   MDNS.addService("http", "tcp", 80);
   Serial.println("mDNS responder started");
  }

  //WEB服务器设定
  webServer.on("/", handleIndex); // root
  webServer.on("/messages", handleMessages);  //messages
  webServer.on("/ledon", handleLedOn);  //LED ON
  webServer.on("/ledoff" , handleLedOff);  //LED OFF
  webServer.on("/wifireset", handleWiFiReset); //重设wifi
  webServer.on("/favicon.ico", handleNotFound); //未找到图标

  webServer.onNotFound(handleNotFound);
  webServer.begin();
  Serial.println("Web server started");
}

void loop() {
  //右键
  if(digitalRead(M5_BUTTON_RST) == LOW){
Serial.println("RST");
digitalWrite(M5_LED, LOW);  //LED ON
irsend.sendNEC(0x02fd58a7, 32); //TOSHIBA REGZA VOLUME UP 02fd58a7
delay(200);
irsend.sendPanasonic(0x4004, 0x0D00818C); //Panasonic DIGA Back 40040D00818C
while(digitalRead(M5_BUTTON_RST) == LOW);
digitalWrite(M5_LED, HIGH);  //LED OFF
  }
  //HOME 键
  if(digitalRead(M5_BUTTON_HOME) == LOW){
Serial.println("HOME");
digitalWrite(M5_LED, LOW);  //LED ON
irsend.sendNEC(0x02fd7887, 32); //TOSHIBA REGZA VOL DOWN 02fd7887
delay(200);
irsend.sendPanasonic(0x4004, 0x0D00FAF7); //Panasonic DIGA display 40040D00FAF7
while(digitalRead(M5_BUTTON_HOME) == LOW);
digitalWrite(M5_LED, HIGH);  //LED OFF
  }

  //响应客户端请求
  webServer.handleClient();
}

void handleWiFiReset() { //WiFi reset
  Serial.println("reset WiFi settings");
  webServer.send(200, "text/plain", "reset WiFi settings...");

  M5.Lcd.fillScreen(BLACK);
  M5.Lcd.setTextSize(2);
  M5.Lcd.setCursor(0,4);
  M5.Lcd.println("Reset WiFi settings");

  WiFi.disconnect(true); // still not erasing the ssid/pw. Will happily reconnect on next start
  WiFi.begin("0","0");    // adding this effectively seems to erase the previous stored SSID/PW
  ESP.restart();
  delay(1000);
}[/mw_shl_code]
文件下载下载附件