以ESP8266為服務端，當用戶的訪問設備與ESP8266在同一個Wi-Fi下時，可以通過ESP8266的IP地址來訪問控制燈光開關的頁面。
使用方法：
第一步、將下面的代碼修改過Wi-Fi名稱和密碼后燒錄到ESP中；
第二步、打開串口調試工具，查看該ESP的IP地址；
第三步、訪問 IP地址/index.html 頁面，通過頁面的兩個按鈕控制燈的開關；
代碼如下：
#include <ESP8266WiFi.h> const char* ssid = "Wi-Fi名稱"; const char* password = "Wi-Fi密碼"; WiFiServer server(80); void setup() { pinMode(D4, OUTPUT); Serial.begin(115200); delay(10); WiFi.begin(ssid, password); 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 Serial.println(WiFi.localIP()); } void loop() { // Check if a client has connected WiFiClient client = server.available(); if (!client) { return; } // Wait until the client sends some data Serial.println("new client connected"); while(!client.available()){ delay(1); } // Read the first line of the request String req = client.readStringUntil('\r'); Serial.println(req); client.flush(); // Prepare the response String page = "HTTP/1.1 200 OK\r\nContent-Type: text/html\r\n\r\n<!DOCTYPE HTML>\r\n<html>\r\n<head>"; page += "<meta charset='utf-8'>"; page += "\r\n<link href='https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet'>"; page += "\r\n<script src='https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js'></script>"; page += "\r\n</head>\r\n<body style='padding:10px'>"; page += "\r\n<button class='btn btn-success zp-open' style='width:100%; height:100px;'>開啟</button><br>"; page += "\r\n<button class='btn zp-close' style='width:100%; margin-top:10px; height:100px;'>關閉</button>"; page += "\r\n<script>\r\n"; page += "$('.zp-open').click(function(){$.post('/gpio/1', {}, function(){alert('開啟成功');})});"; page += "\r\n"; page += "$('.zp-close').click(function(){$.post('/gpio/0', {}, function(){alert('關閉成功');})});"; page += "\r\n</script>"; page += "\r\n</body>\r\n</html>\n"; String json = "HTTP/1.1 200 OK\r\nContent-Type: text/html\r\n\r\n success"; // 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("/index.html") != -1) { client.print(page); return; } else { Serial.println("invalid request"); client.stop(); return; } digitalWrite(D4, val); client.print(json); delay(1); }