使用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 并输入密码。然后，该设备将执行其业务，获取相关数据并显示与空气质量相对应的颜色。

建造

 

我用一个旧的烙铁把玩具的眼睛烧掉了，还给按钮开了一个洞。然后我用热胶将 LED 固定到位。

WeMos 电池模块插入 WeMos 设备的顶部。您需要将一根电线从复位引脚焊接到连接到按钮一侧的电阻腿上的 10K 欧姆电阻上。5V 提供给另一条腿。按钮的另一侧接地。LED 在 5V 上运行，因此将 LED 上的 5V 输入连接到 WeMos 上的 5V，将 LED 上的地连接到地，将 Led 上​​的信号引脚连接到 WeMos 上的引脚 3。确保焊接两个 LED，以便连接 5v、接地和信号。

您需要在Thingspeak.com上拥有一个帐户并使用 API 创建一个 GET 调用。您必须使用浏览器中的开发人员工具查看要从中提取数据的站点。选择页面上的位置，您应该会在开发人员工具中看到相应的编号，复制 Xpath 并将其粘贴到 API 应用程序部分的解析字符串部分。

复制 Xpath

 

您还需要添加从中获取数据的站点的 URL。确保方法设置为 GET 并保存。您可以在浏览器中测试生成的 URL，只需复制帮助区域下 ThingHTTP 页面右侧的 URL。Thingspeak URL 位于第 89 行的 Thingspeak 草图中

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

使用的 Air Visual URL 

将工作地址放在 Air Visual 的草图中。

将您的草图加载到 ESP 并通过查看串行监视器检查它是否工作。

将所有电子设备放入玩具中。当您第一次按下按钮时，您必须将设备登录到您的网络，然后它会登录，眼睛会变成红色，白色，然后显示空气污染颜色。

 

就是这样，完成。