[问答]

如何使用ESP32做为WebServer来使用？

2103

问答对人有帮助，内容完整，我也想知道答案 0 如何使用ESP32做为WebServer来使用？ 0
2022-1-14 07:53:18　　评论淘帖0 邀请回答您可以邀请以下用户，快速回答问题 × liutiefu 该类别下有 26 个回答。邀请回答 tigerwang711 该类别下有 20 个回答。邀请回答 ze55me 该类别下有 20 个回答。邀请回答杀狼000 该类别下有 19 个回答。邀请回答 zhuzb0754 该类别下有 19 个回答。邀请回答冰箱洗衣机该类别下有 18 个回答。邀请回答 YYXIAO 该类别下有 18 个回答。邀请回答安德森大该类别下有 17 个回答。邀请回答 CDCNKA 该类别下有 17 个回答。邀请回答 jjll652 该类别下有 17 个回答。邀请回答河神大人该类别下有 17 个回答。邀请回答 mede1001 该类别下有 17 个回答。邀请回答 YOYOOO 该类别下有 16 个回答。邀请回答麻酱该类别下有 16 个回答。邀请回答世态薄凉该类别下有 16 个回答。邀请回答熊本熊该类别下有 16 个回答。邀请回答 Green_LJ 该类别下有 15 个回答。邀请回答江左盟该类别下有 15 个回答。邀请回答 wang21cj 该类别下有 15 个回答。邀请回答 dfgsdf 该类别下有 15 个回答。邀请回答举报贺服窍相关推荐 • 如何将esp32C3默认的jtag引脚做为普通io使用？ 535 • 请问有esp32做AP的 http webserver例程吗？ 491 • 如何通过在ESP8266上运行的WebServer访问SD卡上的SQLite数据库？ 417 • webserver获取网页submit应该用什么函数？ 432 • 如何通过网络浏览器访问ESP32 mDNS Demo？ 686 • 如何测试ESP32 mDNS demo？ 490 • webserver获取网页submit应该用什么函数呢？ 523 • 在类成员中使用ESP8266WebServer serverStatic方法是什么？ 560 • 如何更改ESP8266WebServer的HTTP_UPLOAD_BUFLEN？ 505 • 无法使用esp8266webserver.h库在给esp8266的静态IP中创建服务器怎么解决？ 682 1个回答

答案对人有帮助，有参考价值 0 在某些场景，我们可能需要在手机上或者其他移动终端访问 ESP32 的数据，这个时候我们需要在手机上展示 ESP32 设备的相关信息，这个时候可以用 APP 在手机上展示数据，或者在手机浏览器中打开存储在 ESP32 上的网页。或者其他的方式。这篇文章我们将介绍第二种方式。在 ESP32 上存储网页文件，将 ESP32 做为一个简单的 WebServer。工作流程：(第一种方式) 首先通过 gzip 将 HTML 文件压缩为 .gz 文件使用 filetoarray 工具将 .gz 文件转为头文件在 ESP32 程序中将头文件中的数组发送出去工作流程：(第二种方式) 首先通过 gzip 将 HTML 文件压缩为 .gz 文件使用 ESP32 构建系统中的嵌入二进制数据的方式，将其添加到 Flash 中的 .rodata 部分在 ESP32 程序中将 Flash 中的数组发送出去 filetoarray 工具使用这个工具将 .gz 文件转换为包含十六进制数组和其长度的头文件。源码如下： #include #include #include #include int main(int argc, char argv[]){ FILE fp; char buffer; long flen; char fname; char pname[1024]; if ( argc == 2 ) { fname = argv[1]; strcpy(pname, fname); char dot = strchr(pname, '.'); while (dot != NULL) { dot = '_'; dot = strchr(pname, '.'); } } else { printf("Filename not suppliedn"); return 1; } fp = fopen(fname, "rb"); fseek(fp, 0, SEEK_END); flen = ftell(fp); rewind(fp); buffer = (char )malloc((flen + 1) sizeof(char)); fread(buffer, flen, 1, fp); fclose(fp); printf("n//File: %s, Size: %lun", fname, flen); printf("#define %s_len %lun", pname, flen); printf("const uint8_t %s[] PROGMEM = {n", pname); long i; for (i = 0; i < flen; i++) { printf(" 0x%02X", (unsigned char)(buffer)); if (i < (flen - 1)) { printf(","); } if ((i % 16) == 15) { printf("n"); } } printf("n};nn"); free(buffer); return 0;} HTML 文件到头文件使用方式：使用 gzip 将 HTML 文件转换为 .gz 文件 gzip index.html 编译 filetoarray.c 源文件，生成可执行文件 gcc filetoarray.c -o filetoarray 使用 filetoarray 将 .gz 文件转为头文件 ./filetoarray index.html.gz > index.hHTML 文件到 Flash 使用方式：使用 gzip 将 HTML 文件转换为 .gz 文件 gzip index.html 在工程 main 目录下的 component.mk 中添加 COMPONENT_EMBED_FILES := www/index.html.gz 在工程源码中这样使用 extern const unsigned char index_html_gz_start[] asm("_binary_index_html_gz_start");extern const unsigned char index_html_gz_end[] asm("_binary_index_html_gz_end");size_t index_html_gz_len = index_html_gz_end - index_html_gz_start;httpd_resp_set_type(req, "text/html");httpd_resp_set_hdr(req, "Content-Encoding", "gzip");httpd_resp_send(req, (const char )index_html_gz_start, index_html_gz_len);在 ESP32 中启动 HTTP Server 第一种方式： #include "index.h"static esp_err_t index_handler(httpd_req_t req){ httpd_resp_set_type(req, "text/html"); httpd_resp_set_hdr(req, "Content-Encoding", "gzip"); return httpd_resp_send(req, (const char )index_html_gz, index_html_gz_len);}第二种方式： static esp_err_t index_handler(httpd_req_t req){ extern const unsigned char index_html_gz_start[] asm("_binary_index_html_gz_start"); extern const unsigned char index_html_gz_end[] asm("_binary_index_html_gz_end"); size_t index_html_gz_len = index_html_gz_end - index_html_gz_start; httpd_resp_set_type(req, "text/html"); httpd_resp_set_hdr(req, "Content-Encoding", "gzip"); return httpd_resp_send(req, (const char *)index_html_gz_start, index_html_gz_len);}#include "app_httpd.h"#include "esp_http_server.h"void app_httpd_main() { httpd_handle_t camera_httpd = NULL; httpd_config_t config = HTTPD_DEFAULT_CONFIG(); httpd_uri_t index_uri = { .uri = "/", .method = HTTP_GET, .handler = index_handler, .user_ctx = NULL }; ESP_LOGI(TAG, "Starting web server on port: '%d'", config.server_port); if (httpd_start(&camera_httpd, &config) == ESP_OK) { httpd_register_uri_handler(camera_httpd, &index_uri); }}

2022-1-14 10:06:02 评论举报孙巍