歸檔星球 Archive Star

<<Arduino ESP32 Web Server 範例程式碼>>

說明：

使用Arduino語言實作 Web Server，並做一個簡易的HTML網頁登入頁面，讓Wifi使用者使用「帳號、密碼」登入，並<<檢查>>帳號密碼。

範例中呼叫、運用 <WiFi.h>、<WebServer.h> 兩個Arduino語言內建函式庫來實現WebServer的實作。

適用：

WeMos D1 R32 ESP32或其他相容套件

範例原始碼：

#include "WiFi.h"
#include <WebServer.h>

//建立webserver物件
    WebServer server(80);

String process_string="init";
 
void setup() {}
  
void loop() {

//輸入你的SSID/password
      char wifi_ssid[] = "xxxxxxxxxxxx";
      char wifi_password[] = "xxxxxxxxxxx";

if(process_string=="init"){
      Serial.begin(115200);
      WiFi.begin(wifi_ssid,wifi_password);
      process_string="wifi connect";
  }

if(process_string=="wifi connect"){
      if (ConnecttoWifi()) {
            Serial.println("WiFi Connected Successful!");
            Serial.print("Wifi Local IP: ");
            Serial.println(WiFi.localIP());
            process_string="start web server";
      } else {
            Serial.println("WiFi Connected Error!");
      }
  }

if(process_string=="start web server"){
      //設定webserver網頁
             createWebServer();
      //伺服器建立
            server.begin();
            Serial.println("Web Server Started");
       process_string="start";
  }

if(process_string=="start"){
        //handleClient要放在loop
          server.handleClient();
  }
}
  
bool ConnecttoWifi(void) {
    int retry_count = 0;
    Serial.println("Waiting for Wifi to connect");
    while ( retry_count < 40 ) {
        if (WiFi.status() == WL_CONNECTED) { 
            return true; 
        }
        delay(500);
        Serial.println("Wifi Return Code: " +String(WiFi.status()));  
        retry_count+=1;
    }
    return false;
}
 
void createWebServer()
{
 
    server.on("/", []() {

String content;

content = "<!DOCTYPE HTML>\r\n";
        content +="<head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"></head>";
          content += "<p>";
            content += "<ol>";
              content += "<center>ESP32 Web Server</center>";
            content += "</ol>";
          content += "<p></p><p><center><form method='get' action='login.php'>Username: <input name='uid' length=64><br><br>Password: <input name='pwd' length=64><br><br><input type='submit' value='Login Start'></form></center><p></p>";
        content += "";
        
        server.send(200, "text/html", content);
        
    });

server.on("/login.php", []() {

int statusCode;
         String content;
      
        //Check User and Password
          if (server.arg("uid")=="abc" && 
              server.arg("pwd")=="123") {
                  Serial.print("user successful login: ");
                  Serial.println(server.arg("uid"));
                  content = "{\"Success\"}";
                  statusCode = 200;
          } else {
                  content = "{\"Error\":\"404 not found\"}";
                  statusCode = 404;
                  Serial.println("Sending 404 Error Code");
          }
          
        server.send(statusCode, "application/json", content);
    });
    
 
}

參考文件：

https://www.chosemaker.com/board/esp32/lesson-6/

Jplopsoft | THI | Netlify | NeoCities | LionFree

加密工具 | 提交歸檔 | QRCODE產生器 | 密碼產生器