【 声明版权所有欢迎转载请勿用于商业用途。 联系信箱feixiaoxing 163.com】大家都知道esp32本身是以wifi和bt见长。既然说到了wifi那么就有两种模式一种是ap一种是station。在实际开发中很多时候都是先用ap配置wifi和密码然后转到station模式这是比较常见的做法。那么另外一个大家可能不太熟悉的地方就是esp32还自带了http服务器写起来也不复杂。1、http服务器所谓http服务器就是外部使用者可以通过浏览器的方式直接访问设备或者是模块。对于小的模块来说这种方式一般是用来配置参数比如端口号、波特率、pid参数等等都是可以的使用起来特别方便不需要串口也不需要usbwifi直连就行。2、静态网页既然是http服务器那么前端这些内容做到哪里呢很多时候嵌入式设备当中静态网页、css、js这些内容都是固化成一个字符串保存的甚至可能是一个只读字符数组。3、回调机制大部分http server的开发都是通过回调机制来完成的。这种回调就是对方发一个什么url的时候那么这边就会触发一次回调函数。至于你想回什么内容就看双方的约定了。4、向ai学demo如果对esp32编写web server还是没有什么印象可以让ai写一个esp32的http服务器。这样不出意外很快ai就可以写出来一个web server#include stdio.h #include string.h #include freertos/FreeRTOS.h #include freertos/task.h #include esp_system.h #include esp_wifi.h #include esp_event.h #include esp_log.h #include nvs_flash.h #include esp_http_server.h // Please modify these to match your WiFi credentials #define WIFI_SSID NETGEAR #define WIFI_PASS 12345678 static const char *TAG HTTP_SERVER; /* Handler for GET / request */ static esp_err_t root_get_handler(httpd_req_t *req) { const char resp[] htmlbodyh1Hello, ESP32!/h1/body/html; httpd_resp_set_type(req, text/html); httpd_resp_send(req, resp, strlen(resp)); return ESP_OK; } /* Register URI handler */ static httpd_uri_t uri_root { .uri /, .method HTTP_GET, .handler root_get_handler, .user_ctx NULL }; /* Start HTTP server */ static httpd_handle_t start_webserver(void) { httpd_handle_t server NULL; httpd_config_t config HTTPD_DEFAULT_CONFIG(); config.lru_purge_enable true; // Optional: auto-free sessions when memory is low if (httpd_start(server, config) ESP_OK) { httpd_register_uri_handler(server, uri_root); ESP_LOGI(TAG, HTTP server started on port: %d, config.server_port); return server; } ESP_LOGE(TAG, Failed to start HTTP server); return NULL; } /* WiFi event handler */ static void wifi_event_handler(void* arg, esp_event_base_t event_base, int32_t event_id, void* event_data) { if (event_base WIFI_EVENT event_id WIFI_EVENT_STA_START) { esp_wifi_connect(); } else if (event_base WIFI_EVENT event_id WIFI_EVENT_STA_DISCONNECTED) { esp_wifi_connect(); ESP_LOGI(TAG, Reconnecting to WiFi...); } else if (event_base IP_EVENT event_id IP_EVENT_STA_GOT_IP) { ip_event_got_ip_t* event (ip_event_got_ip_t*) event_data; ESP_LOGI(TAG, Got IP: IPSTR, IP2STR(event-ip_info.ip)); } } /* Initialize WiFi in STA (station) mode */ static void wifi_init_sta(void) { esp_netif_init(); esp_event_loop_create_default(); esp_netif_create_default_wifi_sta(); wifi_init_config_t cfg WIFI_INIT_CONFIG_DEFAULT(); esp_wifi_init(cfg); esp_event_handler_instance_t instance_any_id; esp_event_handler_instance_t instance_got_ip; esp_event_handler_instance_register(WIFI_EVENT, ESP_EVENT_ANY_ID, wifi_event_handler, NULL, instance_any_id); esp_event_handler_instance_register(IP_EVENT, IP_EVENT_STA_GOT_IP, wifi_event_handler, NULL, instance_got_ip); wifi_config_t wifi_config { .sta { .ssid WIFI_SSID, .password WIFI_PASS, }, }; ESP_ERROR_CHECK(esp_wifi_set_mode(WIFI_MODE_STA) ); ESP_ERROR_CHECK(esp_wifi_set_config(WIFI_IF_STA, wifi_config) ); ESP_ERROR_CHECK(esp_wifi_start() ); ESP_LOGI(TAG, WiFi init finished.); } void app_main(void) { // Initialize NVS (Non-Volatile Storage) esp_err_t ret nvs_flash_init(); if (ret ESP_ERR_NVS_NO_FREE_PAGES || ret ESP_ERR_NVS_NEW_VERSION_FOUND) { ESP_ERROR_CHECK(nvs_flash_erase()); ret nvs_flash_init(); } ESP_ERROR_CHECK(ret); // Connect to WiFi wifi_init_sta(); // Start HTTP server httpd_handle_t server start_webserver(); if (server NULL) { ESP_LOGE(TAG, Server start failed, restarting...); esp_restart(); } // Main loop (can do other work here) while (1) { vTaskDelay(pdMS_TO_TICKS(1000)); } }5、编译和测试这种生成的代码不复杂一般情况下不会出什么问题。直接编译、下载后通过log看看对应的ip地址是多少就可以通过pc浏览器访问模块了。当然因为demo比较简单只是看到一行打印而已实际功能的多少完全取决于我们自己开发的内容。有了wifi/web server后续就可以用esp32做很多的内容了。