esp8266 用arduino ide用網頁控制led

https://www.arduino.cn/thread-82298-1-1.html 原地址

 

 

安裝好Arduino IDE環境後，就得在它基礎上配置Arduino Core For ESP8266。以window版本爲例，讀者可以安裝以下順序安裝：

1. 打開Arduino IDE->菜單項文件->首選項，然後會看到附加開發版管理器網址，填入http://arduino.esp8266.com/stable/package_esp8266com_index.json，重啓IDE；

      2  重啓IDE之後->菜單項工具->開發板->點擊開發板管理器->滾動找到ESP8266平臺；

 

1. 從下拉選項中選擇你想下載的版本，點擊安裝，需要等待一段時間安裝完畢。筆者建議下載最新的版本，筆者寫本書的時候最新版本是2.4.2，後續章節都是基於這個版本來講解。
2. 安裝成功的話，會可以看到下圖所示。 

以上實現8266的開發環境。不過很坑，經常下載的一半的時候停止了，需要多次重啓，要不就翻牆

 我的2腳是out  故需要配置2，我簡單接連個led。

我的wifi指定了ip是 192.168.0.200

訪問http://192.168.0.200/gpio/0 就可開關。我的網頁client.print（html）實現的。雙引號要用單引號。

/*
 *  EasyloT sketch tweeked by Barnabybear - original @
 *  http://iot-playground.com/2-uncategorised/40-esp8266-wifi-relay-switch-arduino-ide
 *  This sketch demonstrates how to set up a simple HTTP-like server.
 *  The server will set a GPIO pin depending on the request
 *    http://server_ip/gpio/0 will set the GPIO2 low,
 *    http://server_ip/gpio/1 will set the GPIO2 high
 *  server_ip is the IP address of the ESP8266 module, will be 
 *  printed to Serial when the module is connected.
 */


#include <ESP8266WiFi.h>


const char* ssid = "567";
const char* password = "password";

// Create an instance of the server
// specify the port to listen on as an argument
WiFiServer server(80);

void setup() {
  Serial.begin(9600);
  delay(10);


  // prepare GPIO2
  pinMode(2, OUTPUT);
  digitalWrite(2, 0);
 /* pinMode(3, OUTPUT);
  digitalWrite(3, 0);
  /*pinMode(4, OUTPUT);
  digitalWrite(4, 0);
  pinMode(5, OUTPUT);
  digitalWrite(5, 0);
  pinMode(6, OUTPUT);
  digitalWrite(6, 0);
  pinMode(7, OUTPUT);
  digitalWrite(7, 0);
  pinMode(8, OUTPUT);
  digitalWrite(8, 0);
  pinMode(9, OUTPUT);
  digitalWrite(9, 0);
  pinMode(10, OUTPUT);
  digitalWrite(10, 0);
  pinMode(11, OUTPUT);
  digitalWrite(11, 0);
  pinMode(12, OUTPUT);
  digitalWrite(2, 0);
  pinMode(13, OUTPUT);
  digitalWrite(13, 0);
  pinMode(14, OUTPUT);
  digitalWrite(14, 0);
  pinMode(15, OUTPUT);
  digitalWrite(15, 0);
  pinMode(16, OUTPUT);
  digitalWrite(16, 0);*/

  // Connect to WiFi network
  Serial.println();
  Serial.println();
  Serial.print("Connecting to ");
  Serial.println(ssid);

  WiFi.begin(ssid, password);
  struct ip_info info;
      IP4_ADDR(&info.ip,192,168,0,200);
      IP4_ADDR(&info.gw,192,168,0,1);
      IP4_ADDR(&info.netmask,255,255,255,0);
      wifi_station_dhcpc_stop();
      wifi_set_ip_info(STATION_IF,&info); //設置sta模式的IP

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

  // Start the server
  server.begin();
  Serial.println("Server started @ ");

  // Print the IP address & instructions
  Serial.println(WiFi.localIP());
  Serial.println("To control GPIO, open your web browser.");
  Serial.println("To set GPIO 0 high, type:");
  Serial.print(WiFi.localIP());
  Serial.println("/gpio/1");
  Serial.println("To set GPIO 0 low, type:");
  Serial.print(WiFi.localIP());
  Serial.println("/gpio/0");
  Serial.println("To toggle GPIO 0, type:");
  Serial.print(WiFi.localIP());
  Serial.println("/gpio/0");
}

void loop() {
  // Check if a client has connected
  WiFiClient client = server.available();
  if (!client) {
    delay(100);
    return;
  }

  // Commented out by BB as gets stuck in while loop.
  // Wait until the client sends some data
  //Serial.println("new client");
  //while(!client.available()){
  //  delay(1);
  //}

  // Read the first line of the request
  String req = client.readStringUntil('\r');
  Serial.println(req);
  client.flush();

  // Match the request
  int val;
  if (req.indexOf("/gpio/0") != -1)
    val = 0;
  else if (req.indexOf("/gpio/1") != -1)
    val = 1;
  else if (req.indexOf("/gpio/4") != -1)
   val = (!digitalRead(0)); // <<<<< Edit: insert /gpio/3 lines after this line.
  else {
    Serial.println("invalid request");
    client.print("HTTP/1.1 404\r\n");
    client.stop();
    return;
  }

  // Set GPIO2 according to the request
  digitalWrite(2, val);
 /*digitalWrite(3, val);
  /* digitalWrite(4, val);
  digitalWrite(5, val);
  digitalWrite(6, val);
   digitalWrite(7, val);
  digitalWrite(8, val);
  digitalWrite(9, val);
  digitalWrite(10, val);
  digitalWrite(11, val);
  digitalWrite(12, val);
  digitalWrite(13, val);
  digitalWrite(14, val);
  digitalWrite(15, val);
  digitalWrite(16, val);*/


  client.flush();

  // Prepare the response
  String s = "HTTP/1.1 200 OK\r\nContent-Type: text/html\r\n\r\n<!DOCTYPE HTML>\r\n<html>\r\nGPIO is now ";
  s+="<head><meta http-equiv=""Content-Type"" content=""text/html; charset=utf-8"" /></head>";
  s += (val)?"燈光已經關閉":"燈光已經開啓";
 // s += "</html>\n";
   s += "<p><a style='color:#666; font-size:40px;' href='/gpio/0'  >開啓燈光</a><p><a style='color:#666; font-size:40px;' href='/gpio/1'>關閉燈光</a></html>\n";
  // Send the response to the client
  client.print(s);
  delay(1);  
  Serial.println("Client disonnected");

  // The client will actually be disconnected 
  // when the function returns and 'client' object is detroyed
} 

5-19又發現個很坑的設計

我的果雲esp8266  自帶RGB燈。沒有任何說明，我用外用表測試出來是 12，13，14 共陽3.3v

不過要是模擬pin就好了，測試了半天也沒成功，確定是數字pin

反正analogwrite（12.random（0，255）） 這樣是沒有任何意義的。

digitalwrite（12，1）這樣纔行

 

int rpin=12; //我的8266板載的rgb 引腳定義
int gpin=13;
int bpin=14;

void  led(int r,int g, int b)
{
  digitalWrite(rpin,r);
  digitalWrite(gpin,g);
  digitalWrite(bpin,b);
  }

 

寫個函數，來輸出顏色表示狀態。