esp32通过webserver监听，控制主板上led灯（多任务）

Posted 2023-05-04

参考技术A 本文技术要点：

1、ticker 启动任务

2、webServer的监听

3、wifi 连接

4、ticker回调函数中，只能简单逻辑。

具体代码如下：

本文技术拓展用途：在没有蓝牙传输数据时候，可以用这种方式来控制esp32开发板。

视频加载中...

ESP8266 WebServer如何流式传输无符号字符

【中文标题】ESP8266 WebServer如何流式传输无符号字符

【英文标题】：ESP8266 WebServer how to stream unsigned char

【发布时间】：2017-03-20 16:11:47

【问题描述】：

这个周末我在玩 xxd -i 将二进制文件转换为无符号字符数组，我想我可以用它来将小的二进制文件嵌入到 arduino 代码中，以便在 mini web 和其他服务上传输。问题是，现有库中的函数似乎需要 const char *、字符串或文件数据类型。 （当然，无符号字符数组并不是真正的字符数组，因此它们不能很好地转换为字符串）

不是深入熟悉 c++ 的人（仍在学习）我想知道是否有任何简单的方法可以通过 ESP 网络服务器代码或类似的东西流式传输从 xxd 创建的无符号字符数组？和/或是否有更好的方法来编码二进制文件以便从相同发送？

我主要关注构建基于“rest”的 esp 设备，但希望有某种非常基本的 html/js 界面来直接连接和配置基本功能或从设备获取基本遥测数据。我的想法是，通过非常流线型的 html/js 编码以及一个 minify 和一个 gzip，我可以将这些基本的原始接口直接放入二进制数组中的代码中，以便在需要时提供服务。对于更复杂的设备，我已经让 sd 卡网络服务器正常工作，但不希望所有应用程序都必须使用 sd 卡。在我回到依赖巨大字符串中的 html 内容或充满连接/打印的函数调用之前，我想尝试让它作为另一种选择工作。 任何帮助表示赞赏。

--- 已编辑 --- 来自 xxd -i 的示例

unsigned char index_htm_gz[] = 
    0x1f, 0x8b, 0x08, 0x08, 0x25, 0x38, 0xcf, 0x58, 0x02, 0x03, 0x69, 0x6e,
    0x64, 0x65, 0x78, 0x2e, 0x6d, 0x69, 0x6e, 0x2e, 0x68, 0x74, 0x6d, 0x00,
    0x5d, 0x8d, 0xb1, 0x6a, 0xc4, 0x30, 0x10, 0x44, 0x7b, 0x7d, 0xc5, 0xe6,
    0x03, 0xce, 0x4a, 0xc0, 0x98, 0x14, 0x2b, 0x35, 0x97, 0x40, 0xba, 0x4b,
    0x61, 0x08, 0x29, 0x65, 0x7b, 0x2d, 0x2d, 0xb7, 0xb2, 0x8d, 0xb4, 0xc9,
    0x91, 0xbf, 0x8f, 0x42, 0xba, 0x83, 0x61, 0x18, 0x1e, 0x33, 0x0c, 0x3e,
    0xbc, 0x5c, 0xce, 0xe3, 0xe7, 0xfb, 0x2b, 0x24, 0xcd, 0xe2, 0xf1, 0xcf,
    0x41, 0xc2, 0x16, 0x1d, 0x6d, 0x1e, 0x33, 0x69, 0x80, 0x39, 0x85, 0x52,
    0x49, 0xdd, 0x97, 0xae, 0xa7, 0x67, 0x8f, 0xca, 0x2a, 0xe4, 0xdf, 0x48,
    0x64, 0x07, 0xf3, 0xb1, 0x17, 0x59, 0xd0, 0xfe, 0x33, 0x14, 0xde, 0xae,
    0x90, 0x0a, 0xad, 0x6e, 0xae, 0xd5, 0xe6, 0xc0, 0x5b, 0xd7, 0x02, 0x14,
    0x12, 0x57, 0xf5, 0x47, 0xa8, 0x26, 0x22, 0x6d, 0x1f, 0x4f, 0x77, 0xf3,
    0x06, 0xf0, 0xf0, 0x63, 0xe2, 0x0a, 0x4d, 0x01, 0x6e, 0x34, 0xc1, 0x11,
    0x22, 0x75, 0x68, 0x0f, 0x8f, 0x9c, 0x23, 0x4c, 0x7b, 0x59, 0xa8, 0xb8,
    0x47, 0x48, 0xc4, 0x31, 0xa9, 0x1b, 0x7a, 0x30, 0xb5, 0xcc, 0x8e, 0x73,
    0xab, 0x55, 0xfb, 0x3d, 0x45, 0xda, 0x87, 0xbe, 0x8b, 0xbc, 0xc2, 0x8d,
    0x17, 0x4d, 0xad, 0xe0, 0x8d, 0xf9, 0x05, 0x3d, 0x2a, 0xb3, 0xe0, 0xdd,
    0x00, 0x00, 0x00
;
unsigned int index_htm_gz_len = 207;

如 cmets 中所述，我尝试的一件事是将类型从 unsigned char 切换为 const char，然后运行以下内容：

void sendCompressed(String content_type, const char * content, unsigned int len) 
    webServer.setContentLength(len);
    webServer.sendHeader("Content-Encoding", "gzip");
    webServer.send(200, content_type, String(content));

在这种情况下，我的 handleRoot 函数将使用来自标头的数据调用 sendCompressed：

void function handleRoot() 
    sendCompressed("text/html", index_htm_gz, index_htm_gz_len);

它编译没有错误，但什么也没输出。我也希望这不是理想的，因为字符串数据通常是 7 位的，而二进制压缩数据显然不是。

【问题讨论】：

签名真的很重要吗？反正都是一样的数据

我不知道 - 就像我说的，对 c++ 来说仍然是绿色的。我试图在类型上找到一个很好的参考。这似乎是 xxd 推出的。我唯一发现的是它本质上是二进制（而不仅仅是字符）数据。

我尝试将声明切换为 const char 而不是 unsigned char（盲目地戳代码），如果我在传递变量时将变量包装在 String(content) 中，它编译时不会出错。但是网络服务没有任何结果。

可能的解决方案？ （使用闪存？）esp8266.com/viewtopic.php?f=32&t=3780

【参考方案1】：

这个二进制服务对我有用：

const char favicon[1344] = 
  0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a, 0x00, 0x00, 0x00, 0x0d, 0x49, 
 ... //  ( way shortened )
0x44, 0xae, 0x42, 0x60, 0x82
;


void handleFavicon() 
  server.send_P(200, "image/x-icon", favicon, sizeof(favicon));



server.on("/favicon.ico", handleFavicon); // in setup() or something like it

您可能需要调整 gzip 标头，但这种嵌入二进制内容的方法足以显示正确的图标，我会以相同的方式对 gzip 流进行成像...

【讨论】：

很好，谢谢。我最终使用了我在 cmets 中添加的链接上的代码，并进行了一些修改。值得看看我做了什么，因为我制作了一个 perl 脚本来抓取一棵网络树并将其转换为头文件。

（我稍后会玩这个，因为我需要在 c++ 中学习这些类型转换技巧）