使用ESP8226從網頁獲取數據并使用兩個LED顯示

描述

該項目使用 ESP8226 從網頁獲取數據并使用兩個 LED 顯示。此示例中收集的數據是我當地城市的美國 AQI 空氣污染數。我最初使用 Air Visual API 來獲取數據，但由于某種原因，它并沒有始終如一地返回我所在城市的數據。我認為這與我的 ISP 有關。您可以在 AirVisual 網站上免費注冊 API，然后設備將獲取您的本地數據。它返回一個充滿數據的字符串，因此您必須做一些字符串魔術才能獲得所需的空氣污染值。草圖包含在下面

我在當地超市找到了 Doremon 玩具，并認為我可以用 LED 代替眼睛并控制它們。這很容易做到，并且使用 Thingsspeak.com 上的帳戶我從網頁中獲取了數據。我必須使用 Makuna Neopixel 庫來控制 LED，因為這是唯一正確控制 LED 鏈接https://github.com/Makuna/NeoPixelBus的安裝說明在 github 頁面上。我還使用了 Netmanager 庫，以便可以使用任何本地 WiFi?

設備顯示數據 10 秒，然后進入深度睡眠模式，直到按下按鈕并喚醒并獲取當前數據。如果您已將設備移動到另一個位置，則必須通過 wifi 網絡管理器面板輸入新的 SSID 和密碼。如果您有智能手機，這很容易，在您的 Wifi 連接上查找 ??ESP WiFi 通道，面板將顯示所有本地通道，選擇您要使用的 SSID 并輸入密碼。然后，該設備將執(zhí)行其業(yè)務，獲取相關數據并顯示與空氣質量相對應的顏色。

建造

?

我用一個舊的烙鐵把玩具的眼睛燒掉了，還給按鈕開了一個洞。然后我用熱膠將 LED 固定到位。

WeMos 電池模塊插入 WeMos 設備的頂部。您需要將一根電線從復位引腳焊接到連接到按鈕一側的電阻腿上的 10K 歐姆電阻上。5V 提供給另一條腿。按鈕的另一側接地。LED 在 5V 上運行，因此將 LED 上的 5V 輸入連接到 WeMos 上的 5V，將 LED 上的地連接到地，將 Led 上??的信號引腳連接到 WeMos 上的引腳 3。確保焊接兩個 LED，以便連接 5v、接地和信號。

您需要在Thingspeak.com上擁有一個帳戶并使用 API 創(chuàng)建一個 GET 調用。您必須使用瀏覽器中的開發(fā)人員工具查看要從中提取數據的站點。選擇頁面上的位置，您應該會在開發(fā)人員工具中看到相應的編號，復制 Xpath 并將其粘貼到 API 應用程序部分的解析字符串部分。

復制 Xpath

?

您還需要添加從中獲取數據的站點的 URL。確保方法設置為 GET 并保存。您可以在瀏覽器中測試生成的 URL，只需復制幫助區(qū)域下 ThingHTTP 頁面右側的 URL。Thingspeak URL 位于第 89 行的 Thingspeak 草圖中

如果適用于您的 ISP，您也可以使用Air Visual API。

使用的 Air Visual URL?

將工作地址放在 Air Visual 的草圖中。

將您的草圖加載到 ESP 并通過查看串行監(jiān)視器檢查它是否工作。

將所有電子設備放入玩具中。當您第一次按下按鈕時，您必須將設備登錄到您的網絡，然后它會登錄，眼睛會變成紅色，白色，然后顯示空氣污染顏色。

?

就是這樣，完成。