win安装ESPHome教程

已于 2024-08-17 20:43:05 修改
阅读量3.5k 收藏 10
点赞数 4
分类专栏： espHome 文章标签： ESPHome
于 2023-10-07 17:32:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43808708/article/details/133646535
版权

目录

感谢 Little-Bear-Bear 博主的教程,ESPHome入门 windows环境安装 -01

1.安装python

从Python官方网站下载。
在这里插入图片描述
确保选中“将Python添加到PATH”，然后一直通过 安装。

安装后重新启动计算机

win+R -> 输入cmd -> 按回车键
查看 python 是否安装成功

python --version

在这里插入图片描述

2.安装esphome

pip3 install esphome

在这里插入图片描述
查看 esphome 是否已经安装

esphome version

在这里插入图片描述
在这里插入图片描述
下载指定版本的esphome

pip3 install esphome==2023.9.3

以后更新到最新版本指令

pip3 install --upgrade esphome

3.启动 esphome 网页

esphome dashboard demo/

在这里插入图片描述

4.浏览器打开ESPHome

你电脑IP地址:6052

或者浏览器打开

localhost:6052

在这里插入图片描述

5.添加设备

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
注意:第一次编译会下载一些工具链/库,会耗费很长时间,而且没有进度条显示,当安装到100%才会打印进度条....
在这里插入图片描述

6.bin烧录

最终生成烧录bin文件
在这里插入图片描述

然后使用 bin在线烧录工具 烧录到板子即可

7.优化

每次启动esphome的时候,都要通过cmd运行esphome dashboard demo/来打开,好麻烦!
这次添加了一个脚本,双击直接运行cmd指令
双击运行ESPHome.bat

@echo off
start cmd /k esphome dashboard ./

在这里插入图片描述
在这里插入图片描述

如果你像我一样懒,连浏览器输入IP:6052都懒得做,可以运行下面的脚本
双击运行ESPHome浏览器访问6052.bat

@echo off
start cmd /k esphome dashboard ./ && start "" http://localhost:6052

这个脚本会运行esphome dashboard ./命令，在该命令成功执行后(&&表示前一命令成功时才执行后一个命令)它将会打开默认的Web浏览器并访问http://localhost:6052。

8.白屏处理

在这里插入图片描述
在这里插入图片描述

ESPHome入门01 - 环境安装 (小白入门 - 一种简单的安装方式)
yueyeguzhuo的专栏
06-09 4495
安装部分主要分为: 01:开发环境安装 02:如何编译 03:如何下载 ps:安装方式有多种 本篇介绍一种 面向小白的一种安装方式(尽量按照步骤慢慢来 , 出错后 建议卸载Python从头再安装一次) 第一步:安装Python 由于esphome的开发环境是基于Python开发的, 所以开发环境还是必须的, 如果电脑已经安装过Python环境 (以及pip) 可以直接跳过此步骤 windows用户 1> 访问下载地址: https://www.python.org/download
ESPHome-Flasher-1.3.0-Windows-x64.exe
10-03
免费的ESPHome-Flasher-1.2.0-windows-x64.exe，用于直接烧录8266固件的软件，简洁好用免费的ESPHome-Flasher-1.2.0-windows-x64.exe，用于直接烧录8266固件的软件，简洁好用
ESPHome 组件使用教程
gitblog_00212的博客
08-31 604
ESPHome 组件使用教程 esphome-componentsESPHome components项目地址:https://gitcode.com/gh_mirrors/esp/esphome-components 项目介绍 ESPHome 是一个用于构建自定义固件以控制 ESP8266 和 ESP32 设备的系统。它允许用户通过简单的 YAML 配置文件来定义设备的行为，并自动生成相应的固...
ESPHome 组件项目教程
最新发布
gitblog_00114的博客
10-09 389
ESPHome 组件项目教程 esphome-components A collection of my ESPHome components 项目地址: https://gitcode.com/gh_mirrors/es/esp...
以DHT11、ESP8266为例介绍ESPHome在Home Assistant中的应用
qq_31400983的博客
02-16 9267
ESPHome是一个旨在使管理ESP板尽可能简单的工具，我们不用编程仅通过简单而强大的配置文件就可以控制ESP8266/ESP32系统，并可通过Home Assistant对它们进行远程控制。ESPHome支持ESP8266、ESP32、RP2040等开发平台，支持上百种传感器、控制组件，可帮助我们快速DIY智能家居系统。
探秘ESP8266、ESP32智能设备新天地：ESPHome
四博智联的技术博客
09-02 947
四博智联已经针对此项目开发了大量方案生产了大量成品，期盼与您合作，因为固件支持MQTT，此固件可以很方便将设备整合到您的系统中。
搭建个人智能家居 2 -安装ESPHome
优信电子的博客
01-13 4240
ESPHome 是一个通过简单而强大的配置文件控制微控制器的系统，通过ESPHome编辑、生成传感器节点的配置文件，并且生成的配置文件可以以“.bin”文件的形式导出，或者直接通过OTA给ESP8266等节点控制器进行配置文件更新。配置文件烧录到ESP8266等控制器后可以直接在局域网内接入HomeAssistant系统，远程控制它们。
ESPHome入门 windows环境安装 -01
小熊熊的博客
09-04 1819
1.2 确保选中“将Python添加到PATH”，然后一直通过 安装。出现 绿色 200 GET 则已经启动成功了。
安装esphome
yyandad的博客
06-26 1万+
安装esphome，其实树莓派，win电脑上都可以安装esphome。 1.提前安装python2.7 sudo apt-get install python2.7 2.安装pip2 sudo apt-get install python-pip 3.先安装 tornado sudo pip install tornado==5.1.1 4.安装esphome sudo pip2 i...
ESPHome 开源项目教程
gitblog_00575的博客
08-25 992
ESPHome 开源项目教程 firmwareHolds firmware configuration files for projects that the ESPHome team provides.项目地址:https://gitcode.com/gh_mirrors/firmware1/firmware 项目介绍 ESPHome 是一个基于 YAML 配置的系统，用于在 ESP8266 ...
ESPHome-Flasher-1.2.0-windows-x64.exe
08-02
esphome下载器，用于esp8266以及esp32 的刷写。 ESPHome-Flasher-1.2.0-windows-x64
ESPHome-Flasher-1.3.0-Windows-x86
04-26
esp单片机下载软件 直接一键下载 适用于ESPHome 和 Home Assistant第一次握手
esphome：ESPHome是一个系统，可通过简单但功能强大的配置文件来控制ESP8266ESP32，并通过家庭自动化系统对其进行远程控制
02-04
ESP首页 文档： : 对于问题，请转到。 有关功能请求，请参阅。
win11安装ie11浏览器
01-09
在这种情况下，了解如何在Win11中安装IE11变得尤为重要。 首先，值得注意的是，尽管IE11不再直接在Windows 11中提供，但微软为那些需要兼容性的企业用户保留了一个名为“IE模式”的功能。这个模式可以在Microsoft ...
【VMware】vmware15 安装win10教程【史上最详细图文教程】
小蜜蜂博客
03-04 6万+
VMware15安装教程【传送门】 一：创建新的虚拟机 --》 自定义 --》 下一步 二：直接选择下一步 三：选择稍后安装操作系统 --》 下一步 四：选择Microsoft Windows(W) --》 选择版本 --》下一步 五：自定义虚拟机名称和虚拟机保存位置 --》 下一步 六：选择BIOS -- 》 下一步 七：根据宿主机的配置自定义处理器数量...
安装 | 最新MATLAB 2020b（64位）安装教程完整版
尘世冰封的专栏
01-05 18万+
博主github：https://github.com/MichaelBeechan 博主CSDN：https://blog.csdn.net/u011344545 精简安装链接：https://blog.csdn.net/u011344545/article/details/109728674 下载链接 链接：https://pan.baidu.com/s/1g61g2qJO2MtZVkeMsuxhuQ 提取码： 打赏连接：https://blog.csdn.net/u011344545/article/
IntelliJ IDEA安装教程（以IDEA2020.1为例）
热门推荐
蓝多多的小仓库
12-15 46万+
不然会报错嗷（即：第六节所示）！因为我之前有JDK，所以为了更好的演示，我先把JDK17卸载了。
ArcGIS实验教程：ArcGIS 10.2手把手图文安装教程（经典版）
「 刘一哥与GIS的故事」
04-16 17万+
作为一个GISer，对ArcGIS软件的操作要尤为熟练，软件的顺利安装则是第一步。GIS软件的安装过程稍微有些麻烦，一不小心可能安装不上，今天我们就来聊聊在Windows10系统上安装ArcGIS 10.x吧！目前为止，我们使用最多的操作系统是Windows10，为了保证ArcGIS软件的顺利安装，在安装ArcGIS之前，一定要进行系统配置。
HomeAssistant 安装ESPHome
weixin_43808708的博客
04-17 1719
下一篇介绍一下怎么添加自己的ESP8266/ESP32设备。
esphome如何生成一个具有多个配置框的网页服务器
06-07
在 esphome 中，可以使用 `web_server` 组件来生成一个简单的网页服务器，用于配置和控制设备。默认情况下，`web_server` 只提供一个简单的配置页面，包括设备名称、Wi-Fi 设置等基本配置项。 如果需要添加更多的配置框或自定义页面，可以通过编写 HTML、JavaScript、CSS 等文件来实现。具体来说，可以在 esphome.yaml 配置文件中使用 `file` 组件来指定这些文件的路径和名称，例如： ```yaml web_server: port: 80 auth: username: admin password: secret url_path: esp root_path: /var/www index_page: index.html ssl_certificate: /etc/ssl/cert.pem ssl_key: /etc/ssl/key.pem files: - path: css/main.css name: main.css - path: js/main.js name: main.js - path: index.html name: index.html ``` 这里的 `files` 列表中包含了三个文件，分别是 `main.css`、`main.js` 和 `index.html`。这些文件应该放置在 `root_path` 指定的目录下，可以通过浏览器访问 `http://设备的IP地址:port/url_path/index_page` 来访问 `index.html` 页面。 在 HTML 页面中，可以使用各种标签和框架来实现不同的功能。例如，可以使用 `input` 标签来创建输入框，使用 `button` 标签来创建按钮，使用 JavaScript 来处理事件等等。在后台代码中，可以通过 `web_server` 组件提供的 `on_request` 回调函数来处理用户的请求和提交，例如： ```cpp class MyCustomComponent : public Component { public: void setup() override { // 注册 web_server 回调函数 register_web_server_callback("/my_page", HTTP_GET, &MyCustomComponent::handle_request); } private: void handle_request(AsyncWebServerRequest *request) { // 处理 GET 请求 if (request->method() == HTTP_GET) { // 返回自定义页面 auto response = request->beginResponse_P(200, "text/html", PAGE_CONTENTS); request->send(response); } // 处理 POST 请求 else if (request->method() == HTTP_POST) { // 处理表单提交 String value = request->arg("input_name"); // ... // 返回结果 request->send(200, "text/plain", "OK"); } } static const char* PAGE_CONTENTS; }; const char* MyCustomComponent::PAGE_CONTENTS = R"( <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>My Custom Page</title> <link rel="stylesheet" href="/main.css"> <script src="/main.js"></script> </head> <body> <h1>My Custom Page</h1> <form method="post" action="/my_page"> <input type="text" name="input_name"> <button type="submit">Submit</button> </form> </body> </html> )"; ``` 这里的 `handle_request` 函数注册了一个名为 `/my_page` 的回调函数，用于处理 GET 和 POST 请求。在 GET 请求中，我们返回了一个自定义的 HTML 页面，其中包含一个输入框和一个提交按钮。在 POST 请求中，我们处理了表单提交，并返回了一个简单的文本结果。 需要注意的是，在处理表单提交时，需要对用户输入进行验证和处理，以避免出现安全问题或程序错误。同时，也需要考虑网页服务器的性能和稳定性，避免出现阻塞、死锁等问题。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值