如何使用ESP8266制作可配置的Web服務器

在這個項目中，我們首先研究如何在 Arduino IDE 中安裝 ESP8266 插件，然后使用 ESP8266 制作可配置的 Web 服務器。

ESP8266 之所以受歡迎，很大程度上是因為它具有出色的性價比。它還可以通過 Wi-Fi 將互聯(lián)網(wǎng)連接到微處理器。

它的主要缺點是功耗。ESP8266 不是一款非常節(jié)能的芯片，因為它的設計符合大多數(shù)家庭和企業(yè)都可以使用的 IEEE 802.1 協(xié)議（我們稱之為 Wi-Fi）。該協(xié)議議程保證了創(chuàng)建無線本地網(wǎng)絡的良好速度和穩(wěn)健性。更高的速度會導致更高的功耗，這使得 ESP8266 對于低功耗設計效率低下。

但是，ESP8266 在功耗不重要的情況下非常有用，例如不斷供電且不需要電池的設備。ESP8266 可以連接到任何 Wi-Fi 網(wǎng)絡，并通過 TCP 和 UDP 等各種協(xié)議發(fā)送或接收數(shù)據(jù)。此外，它還可以構建 Wi-Fi 熱點并管理其他設備。

電路設計注意事項

ESP8266 可能需要 250mA 的電流來傳輸數(shù)據(jù)。因此，如果我們想要有足夠的余量，我們可能需要至少 500mA 的電流來為 ESP8266 供電。使用從計算機獲取電源的 USB 電纜為 ESP8266 供電可能會導致不穩(wěn)定。

在這個項目中，我們使用保證 1A 電流的 5V 電源和 LM1086-3.3V 作為穩(wěn)壓器為 ESP8266 供電。在圖 1 中，顯示了在引導加載程序和使用模式下使用 ESP8266 的引腳配置。

?

圖 1.在引導加載程序和使用模式下使用 ESP8266。

Arduino 附加組件

安裝 ESP8266 插件在互聯(lián)網(wǎng)上的許多文章中都有描述，但為了清楚起見，我們將在這里簡要介紹安裝。要安裝 ESP8266 插件，我們需要更新 Arduino IDE 中的板管理器?？梢詮?File-》Preferences-》Additional Boards Manager URLs 添加一個額外的 Board Manager URL。在 URL 部分，應輸入以下 URL，如圖 2 所示。

圖 2.其他董事會經理 URL

通過更新 URL，可以通過導航到 Tools-》Boards-》Boards Manager 來訪問 ESP8266 插件。ESP8266 板可用，應安裝。安裝后，在板部分，ESP8266 模塊將可用?？梢赃x擇不同類型的模塊，并且出于本項目的目的（因為我們構建了我們正在使用的電路板），我們將使用通用 ESP8266 模塊。

將草圖上傳到 ESP8266

要對 ESP8266 進行編程，我們使用 ESP8266 已經包含的 UART 引導加載程序。在這個項目中，我制作了一個簡單的 ESP8266 開發(fā)板，原理圖如圖 3 和以下部件列表：

1. ESP8266-12（E或F不分大小，唯一區(qū)別是內存）

2. 3.3K電阻 x 2

3. 470R 功率演示LED電阻

4. 一個LED決定板子是供電還是供電不是

5. AMS1117-3.3： 電壓調節(jié)器

6. 10uF-25v 電解電容

7. 22uF-25v 電解電容

8. 100nF 電容

9. 一個用于串行通信的 3 針連接器

10. 一個用于進入引導加載程序的 2 針連接器

為了進入啟動模式，GPIO0 應接地以啟動 ESP8266。然后通過在 Arduino IDE 中設置適當?shù)?COM 端口，可以通過點擊上傳按鈕上傳草圖。編程完成后，GPIO0 應該懸空，因為 ESP8266 應該以正常模式啟動并運行程序。

圖 3. ESP8266-12E 開發(fā)板原理圖

連接到接入點

ESP8266 具有內置 EEPROM，可用于存儲數(shù)據(jù)等應用，以構建安全登錄頁面。使用 EEPROM 很像其他 Arduino 板，但有一些細微差別。

一方面，您需要在開始讀取或寫入之前調用 EEPROM.begin（size）。大小是您要使用的字節(jié)數(shù)，介于 4 到 4096 字節(jié)之間。請注意，EEPROM.write（） 不會立即寫入閃存。每當您希望將更改保存到閃存時，都必須調用 EEPROM.commit（）。

在這個項目中，我們想要制作一個可配置的 Web 服務器，它可以放置在每個網(wǎng)絡中（即，在沒有 SSID 和接入點連接密碼的新網(wǎng)絡中）以與之前的設置進行連接。當連接失敗時，ESP8266 將進入接入點模式并等待接收配置設置（SSID 和密碼）。

一開始，我們獲取 512 字節(jié)的 EEPROM 并檢查用戶名或密碼是否可用。我們還可以為我們的設備選擇一個特定的 IP 地址并手動設置，需要存儲在 EEPROM 中。當我們需要創(chuàng)建設備數(shù)據(jù)庫以了解其位置和定義時，手動設置設備 IP 很有用。

在下面的完整代碼片段中，我們從 EEPROM 中保留 512 個字節(jié)，然后在收集信息后，我們嘗試連接到接入點。在完整的代碼中，如果 EEPROM 為空，代碼將繞過連接階段。

EEPROM.begin(512);
IPAddress ipad(192, 168, 1, eip.toInt());
IPAddress gateway(192,168,1,1);
IPAddress subnet(255,255,255,0);
WiFi.begin(esid.c_str(), epass.c_str());
WiFi.config(ipad, gateway, subnet);

上面的代碼嘗試使用存儲在 EEPROM 中的特定 IP 地址連接到網(wǎng)絡。使用特定 IP 地址時要記住的一件事是，我們需要知道網(wǎng)關 IP 地址以及網(wǎng)絡子網(wǎng)掩碼。另一方面，上述項目對于需要 DHCP 服務器的自動 IP 尋址不是必需的。

可以使用 WiFi.status（） 函數(shù)檢查 Wi-Fi 狀態(tài)。根據(jù) Arduino 網(wǎng)站，此函數(shù)返回以下內容：

WL_CONNECTED：連接到 Wi-Fi 網(wǎng)絡時分配

WL_NO_SHIELD：在沒有 Wi-Fi 屏蔽時分配

WL_IDLE_STATUS：在調用 WiFi.begin（） 時分配的臨時狀態(tài)，并保持活動狀態(tài)，直到嘗試次數(shù)到期（導致 WL_CONNECT_FAILED）或建立連接（導致 WL_CONNECTED）

WL_NO_SSID_AVAIL：當沒有可用的 SSID 時分配

WL_SCAN_COMPLETED：掃描網(wǎng)絡完成時分配

WL_CONNECT_FAILED：在所有嘗試連接失敗時分配

WL_CONNECTION_LOST：連接丟失時分配

WL_DISCONNECTED：從網(wǎng)絡斷開時分配

通過使用 WiFi.status（） 函數(shù)，我們可以檢查連接狀態(tài)，如果不存在，ESP8266 應該轉向接入點。

可以使用 WiFi.mode（WIFI_AP） 進行接入點配置，這需要用戶名和密碼?？梢允褂?WiFi.softAP 函數(shù)設置用戶名和密碼。描述每一個 Wi-Fi 功能會使這篇文章變得非常長，并且超出了本項目的范圍。但是，熱心的人可以在GitHub和Arduino 網(wǎng)站上找到有關 ESP6288 的 Wi-Fi 功能和其他庫的非常全面的文檔。

在這個項目中，我們希望將我們的設備連接到現(xiàn)有網(wǎng)絡。首先，當我們的設備沒有連接網(wǎng)絡的SSID和密碼時，它會進入接入點模式，然后我們可以對其進行配置。配置完成后，設備可以連接到所需的網(wǎng)絡。另一方面，有人可能只想在接入點模式下使用 ESP8266。在這種情況下，我們需要在要傳輸數(shù)據(jù)時連接到設備。

因此，在接入點模式下，ESP8266 將等待一組新的配置?？梢允褂梅祷卣麛?shù)的 WiFi.scanNetworks 掃描該區(qū)域中可用的無線接入點，以確定現(xiàn)有的接入點。收集可用網(wǎng)絡的數(shù)量后，以下功能可以為您提供所需的所有信息：

WiFi.SSID：獲取當前網(wǎng)絡的SSID

WiFi.RSSI：獲取與路由器連接的信號強度

WiFi.encryptionType：獲取當前網(wǎng)絡的加密類型

圖 4 顯示了 WiFi.scanNetworks 的輸出。數(shù)據(jù)通過 RS232 通信和名為TeraTerm的程序捕獲 。

圖 4.掃描網(wǎng)絡

移動DNS

使用預建庫很容易在 ESP8266 上創(chuàng)建 Web 服務器。此外，可以使用 ESP8266mDNS 庫創(chuàng)建一個簡單的多播域名系統(tǒng) （mDNS），將名稱鏈接到網(wǎng)絡中的服務器 IP。mDNS 將主機名解析為缺少本地名稱服務器的小型網(wǎng)絡中的 IP 地址。它使用與單播 DNS 相同的編程接口、數(shù)據(jù)包格式和操作語義。

接下來，“mdns.begin（‘esp8266’）”會導致一個 mDNS 服務器被定義為 ESP8266 的名稱。如果一切正常，mdns.begin 函數(shù)返回 true，我們可以通過 server.begin（） 啟動服務器。

讀取 GET 請求

我們可以通過 mdns.update（） 更新 mDNS 查詢，然后作為客戶端讀取請求。下面的代碼首先更新 mDNS 查詢，然后，如果數(shù)據(jù)包可用，則讀取它。

mdns.update();
WiFiClient client = server.available();
if (!client) {
return(20);
}
String req = client.readStringUntil('\r');
// Wait for data from client to become available
if(client.connected() && !client.available()){
return(20);
}

在上面的代碼中，ESP8266 檢查是否有任何客戶端可用。如果客戶端可用，它將讀取其數(shù)據(jù)，直到它收到‘\r’，這意味著數(shù)據(jù)包的結束。從那時起，我們的 Web 服務器可以接收 GET 請求，但無法解釋它們或發(fā)送答案。

可以使用 client.print（） 函數(shù)發(fā)送客戶端的答案。對于客戶端，為了將其視為網(wǎng)頁內容（即在 Firefox 等瀏覽器中查看答案），答案應為 HTML 格式。通過這種方式，我們可以使用我們的 ESP8266 創(chuàng)建一個圖形化的 HTML Web 服務器。

在上面的代碼中，我們讀取客戶端 GET 請求并將其存儲在“req”變量中?！畆eq’ 變量現(xiàn)在有 GET 數(shù)據(jù)，我們可以簡單地解釋它。根據(jù)客戶端的 GET 請求，我們應該創(chuàng)建一個字符串，并使用 client.print（） 函數(shù)生成客戶端答案。下面的代碼片段生成一個簡單的 HTML 頁面，用于回復客戶。

s = "HTTP/1.1 200 OK\r\nContent-Type: text/html\r\n\r\n\r\n

ALL ABOUT CIRCUITS!"; s += "

"; s += "\r\n\r\n"; client.print(s);

在片段中，“200”命令已發(fā)送到客戶端。

結論

在這個項目中，我們檢查了用于創(chuàng)建簡單 Web 服務器的 ESP8266 庫。然后，創(chuàng)建了一個可配置的 Web 服務器，該服務器采用 SSID 和所需無線網(wǎng)絡的密碼。最后，在連接到本地網(wǎng)絡后，GET 請求在設備和客戶端之間傳輸。