ESP32變成網頁伺服器,使客戶端連入網頁

 ESP32變成網頁伺服器,使客戶端連入網頁

基本上就是這篇的延伸-

https://esp32-blairan.blogspot.com/2021/05/esp32ap.html

流程思惟

要先有整個流程的概念，比較不會在寫程式時搞混

用我自己的解釋是，先連上ESP32基地台，萬一連

不上，就會一直出現點點點....，試圖連上，連線成

功後會顯示＂已連線成功＂(圖1)，並配發IP位址給客戶端

此時伺服器啓動等待客戶端請求根目錄的回覆,若客

戶端連上IP,伺服器將提供根目錄預設的回覆訊息(圖2)，

如果在IP後面隨意打字，因為根目錄下沒有這個預設

目標，將會顯查無這個網頁(圖3)。

(圖1)

(圖2)

(圖3)

程式碼

#include <WiFi.h>

#include <WebServer.h>

const char *ssid="基地台名稱";

const char *password="基地台密碼";

WebServer server(80);

void handleRoot(){

  server.send(200, "text/html; charset=UTF-8", "客戶端收到訊息!!!");

}

void handleNotFound(){

  server.send(400, "text/html; charset=UTF-8", "找不到回傳的訊息");

}

void setup(void){

  Serial.begin(115200);

  WiFi.begin(ssid, password);

  server.begin();

  while (WiFi.status() != WL_CONNECTED){

    Serial.print(".");

    delay(500);

  }

  Serial.print("已連線至基地台");

  Serial.println(ssid);

  Serial.print("請於瀏覽器中開啓這個IP位址: ");

  Serial.println(WiFi.localIP());

  server.on("/", handleRoot);

  server.onNotFound(handleNotFound);

  Serial.println("HTTP伺服器已啓動");

}

void loop() {

  server.handleClient();

}