這個手機的wifi 小玩意，的英文從這個randomnerdtutorials点com  網站下載的裡面有詳細資料。

我加入了。

1. 一個 DHT22 。
2. 加多一個 LED 。
3. 更改固定 IP 地圵。
4. 更攺按鍵顏色。

這是用手機通過無線網絡內網控制 ESP12E 輸出 3 個 LED 及 1 個 DHT22 溫度濕度在手機顯示。

LED 輸出可更攺為繼電器輸出控制家電開關。

如有須要可加入其它功能，曾加或減少。

下載用 Arduino 便可以。要在 Arduino IDE 中安裝 ESP12 板。
image.png
连线实物图
image.png
点灯
image.png
手机截图
  1. 如何在 Arduino IDE 中安裝ESP8266
  5. /*************************************************************
  6.   从这个网更改的,詳细請看这网
  7.   Completeproject details at http://randomnerdtutorials点com  
  8. ****************************************************************/
  10. // Load Wi-Fi library
  11. #include <ESP8266WiFi.h>
  12. unsigned long previousMillis = 0;        
  13. unsigned long currentMillis = 0;
  14. const long interval = 4100;            
  15. float temp;
  16. float humi;
  17. float temp1;
  18. float humi1;
  19. #include <Wire.h>
  20. #include <DHT.h>
  21. #define DHTPin 2  
  22. #define DHTTYPE DHT
  23. DHT dht(DHTPin, DHT22);
  25. // Replace with your network credentials
  26. const char* ssid     = "xxxxxxxx";                   //????更攺自巳的wifi名稱
  27. const char* password ="xxxxxxxx";                  //????更攺自巳的密码
  29. // Set web server port number to 80
  30. WiFiServer server(80);
  32. // Variable to store the HTTP request
  33. String header;
  35. // Auxiliar variables to store the currentoutput state
  36. String output0State = "OFF";
  37. String output1State = "OFF";
  38. String output2State = "OFF";
  39. // Assign output variables to GPIO pins
  41. const int output0 = 14;
  42. const int output1 = 4;
  43. const int output3 = 5;
  45. // Set your Static IP address
  46. IPAddress local_IP(192, 168, 1, 167);//????更改自已IP,这里是固定IP地址,每次开机都是这个地圵.
  47. // Set your Gateway IP address
  48. IPAddress gateway(192, 168, 1, 1);
  49. IPAddress subnet(255, 255, 255, 0);
  50. IPAddress primaryDNS(8, 8, 8, 8);   //optional 可不用更改
  51. IPAddress secondaryDNS(8, 8, 4, 4);//optional  可不用更改
  52. //----------------------------------------------------------------------------------
  53. void setup() {
  56.   //Initialize the output variables as outputs
  57. pinMode(output0, OUTPUT);
  58. pinMode(output1, OUTPUT);
  59. pinMode(output3, OUTPUT);
  60.   //Set outputs to LOW
  61. digitalWrite(output0, LOW);
  62. digitalWrite(output1, LOW);
  63. digitalWrite(output3, LOW);
  65. //////////Serial.begin(9600);   //要不要都可以,试机时加入
  66. //--------------------------------------------------------------------------------  
  67.   dht.begin();
  68. // Configures static IP address
  69.   if(!WiFi.config(local_IP, gateway, subnet, primaryDNS, secondaryDNS)) {
  70.   /////////// Serial.println("STA Failed to configure");
  71. }  
  72.   //Connect to Wi-Fi network with SSID and password
  73. ///////////Serial.print("Connecting to ");
  74. ///////////Serial.println(ssid);
  75. WiFi.begin(ssid, password);
  76. while (WiFi.status() != WL_CONNECTED) {
  77.    delay(500);
  78.    ////////////Serial.print(".");
  79.   }
  80.   //Print local IP address and start web server
  81. /////////////Serial.println("");
  82. ////////////Serial.println("WiFi connected.");
  83. ////////////Serial.println("IP address: ");
  84. ////////////Serial.println(WiFi.localIP());
  85. server.begin();
  86. }
  87. //-------------------------------------------------------------------------------
  88. void loop(){
  89.             //4sec read dhl22 one time
  90.        currentMillis = millis();
  91.        if(currentMillis - previousMillis >= interval)
  92.          {                                             
  93.         previousMillis = currentMillis;   
  94.         temp1 = dht.readTemperature();
  95.         humi1 = dht.readHumidity();                                    
  96.                       if (!(isnan(humi1) ||isnan(temp1)))
  97.                        {
  98.                         temp=temp1;
  99.                         humi=humi1;
  100.                       }
  101.           }   
  102. //-----------------------------------------------------------------------------------------               
  103.    WiFiClient client = server.available();                 // Listen for incomingclients         
  104.   if(client)
  105. {                                                        // If a new client connects,
  106.    //////////////Serial.println("New ClientX1.");          // print a message out in the serialport
  107.    String currentLine ="";                                // make aString to hold incoming data from the client
  108.     while (client.connected())
  109.    {                                                    // loop while the client's connected
  110.                                                          // Serial.println("New ClientX2.");
  111.      if (client.available())
  112.       {                                                  // if there's bytes to read from the client,
  113.        char c = client.read();                           // read a byte, then
  114.      ///////////////Serial.write(c);                     // print it out the serialmonitor
  115.        header += c;
  116.        if (c == '\n')
  117.        {        // if the byte is anewline character
  118.                 // if the current line isblank, you got two newline characters in a row.
  119.                 // that's the end of the clientHTTP request, so send a response:
  120.          if (currentLine.length() == 0)
  121.          {
  122.             // HTTP headers always start with a response code (e.g. HTTP/1.1 200 OK)
  123.            // and a content-type so the client knows what's coming, then a blankline:
  124. //-----------------------------------------------------------------------------------------------           
  125.            client.println("HTTP/1.1 200 OK");
  126.            client.println("Content-type:text/html");
  127.            client.println("Connection: close");
  128.            client.println("Refresh: 10");
  129.            client.println();
  130. //---------------------------------------------------------------------------------------           
  131.               // turns the GPIOs on and off
  132.            if (header.indexOf("GET/0/on") >= 0)     {
  133.            //////////// Serial.println("GPIO 0 on");
  134.               output0State ="ON";
  135.               digitalWrite(output0, HIGH);        
  136.               }
  137.            else if (header.indexOf("GET /0/off") >= 0){
  138.            ////////////Serial.println("GPIO 0 off");
  139.               output0State ="OFF";
  140.               digitalWrite(output0, LOW);
  141.            }
  142.            else if (header.indexOf("GET /1/on") >= 0) {
  143.            //////////// Serial.println("GPIO 1 on");
  144.               output1State ="ON";
  145.               digitalWrite(output1, HIGH);
  146.            }
  147.            else if (header.indexOf("GET /1/off") >= 0) {
  148.           //////////// Serial.println("GPIO 1 off");
  149.               output1State ="OFF";
  150.             digitalWrite(output1, LOW);
  151.            }
  152.            else if (header.indexOf("GET /2/on") >= 0) {
  153.              ////////////Serial.println("GPIO 3 on");
  154.               output2State ="ON";
  155.               digitalWrite(output3, HIGH);
  156.            }
  157.            else if (header.indexOf("GET /2/off") >= 0) {
  158.           ////////////// Serial.println("GPIO 3 off");
  159.               output2State ="OFF";
  160.             digitalWrite(output3, LOW);
  161.            }
  163. //------------------------------------------------------------------------------           
  164.               // Display the HTML web page
  165.            client.println("<!DOCTYPE html><html>");
  166.            client.println("<head><meta name="viewport"content="width=device-width, initial-scale=1">");
  167.            client.println("<link rel="icon"href="data:,">");
  168.               // CSS to style the on/offbuttons
  169.               // Feel free to change thebackground-color and font-size attributes to fit your preferences
  170.            client.println("<style>html { font-family: Helvetica;display: inline-block; margin: 0px auto; text-align: center;}");
  171.            client.println(".button { background-color: #195B6A; border-radius:8px; color: white; padding:16px 40px;");
  172.            client.println("text-decoration: none; font-size: 14px; margin:2px; cursor: pointer;}");
  173.            client.println(".button2 {background-color:#c3352b;}</style></head>");
  175.               // Web Page Heading
  176.            client.println("<body><h4>CONTROL 1 DHT 3 LED</h4>");
  178.            client.println("Temp: ");
  179.            client.println(temp);
  180.            client.println("C");
  181.            client.println("
  182. ");
  183.            client.println("Humi: ");
  184.            client.println(humi);
  185.            client.println("%");
  186. //--------------------------------------------------------------------------------------------------------------------         
  187.            // Display current state, and ON/OFF buttons                                                                        
  188.           // If the output0State is off, it displays the ON button      
  189.            if (output0State=="OFF")
  190.            {
  191.              client.println("<p><ahref="/0/on"><button class="button">LED0_OFF</button></a></p>");
  192.            }
  193.            else
  194.            {
  195.              client.println("<p><ahref="/0/off"><button class="buttonbutton2">LED0_ON</button></a></p>");
  196.            }     
  197. //-----------------------------------------------------------------------------------------------------------------------                     
  198.             // Display current state, and ON/OFF buttons  
  199.             // If the output1State is off, it displays the ON button                     
  200.          if (output1State=="OFF")
  201.             {
  202.            client.println("<p><ahref="/1/on"><buttonclass="button">LED1_OFF</button></a></p>");
  203.            }
  204.            else
  205.               {
  206.            client.println("<p><a href="/1/off"><buttonclass="buttonbutton2">LED1_ON</button></a></p>");
  207.               }
  208. //---------------------------------------------------------------------------------------------------------------------              
  209.            // Display current state, and ON/OFF buttons
  210.            // If the output1State is off, it displays the ON button      
  211.             if (output2State=="OFF")
  212.             {
  213.                client.println("<p><ahref="/2/on"><buttonclass="button">LED2_OFF</button></a></p>");
  214.                }
  215.            else
  216.             {
  217.            client.println("<p><ahref="/2/off"><button class="buttonbutton2">LED2_ON</button></a></p>");
  218.               }
  219. //------------------------------------------------------------------------------------------------------------              
  220.            client.println("</body></html>");           
  221.             // The HTTP response ends with another blank line
  222.            client.println();
  223.            // Break out of the while loop
  224.            break;
  225.          }
  226.          else
  227.          {  // if you got a newline, thenclear currentLine
  228.            currentLine = "";
  229.          }
  230.        }
  231.        else if (c != '\r')
  232.        {   // if you got anything elsebut a carriage return character,
  233.          currentLine += c;     // add it tothe end of the currentLine
  234.        }
  235.      }
  236.     }
  237.      // Clear the header variable
  238.    header = "";
  239.      // Close the connection
  240.    client.stop();
  241.    //////////////Serial.println("Client disconnected.");
  242. }  
  243. }