{"id":26160,"date":"2025-04-19T14:43:00","date_gmt":"2025-04-19T06:43:00","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/26160.html"},"modified":"2025-04-19T14:43:00","modified_gmt":"2025-04-19T06:43:00","slug":"esp32%e7%b3%bb%e5%88%97%e5%9b%9b%ef%bc%9a%e6%90%ad%e5%bb%bahttp%e7%9a%84webserver%e7%9a%84%e6%9c%8d%e5%8a%a1%e5%99%a8","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/26160.html","title":{"rendered":"ESP32\u7cfb\u5217\u56db\uff1a\u642d\u5efahttp\u7684webserver\u7684\u670d\u52a1\u5668"},"content":{"rendered":"

\u6700\u8fd1\u5728\u4f7f\u7528ESP32\u642d\u5efaweb\u670d\u52a1\u5668\u6d4b\u8bd5，\u53d1\u73b0esp32\u642d\u5efa\u8fd9\u7c7b\u5f00\u53d1\u73af\u5883\u8fd8\u662f\u6bd4\u8f83\u65b9\u4fbf\u7684\u3002\u5177\u4f53\u7684http\u534f\u8bae\u8fd9\u91cc\u5c31\u4e0d\u518d\u8d58\u8ff0，\u6211\u4eec\u4e3b\u8981\u8bf4\u4e00\u4e0b\u5982\u4f55\u4f7f\u7528ESP32\u63d0\u4f9b\u7684API\u6765\u642d\u5efa\u6211\u4eec\u7684http web\u3002<\/p>\n

\u4e00\u3001web\u670d\u52a1\u5668\u642d\u5efa\u8fc7\u7a0b<\/p>\n

1\u3001\u914d\u7f6eweb\u670d\u52a1\u5668<\/p>\n

\u5728ESP-IDF\u4e2d，Web\u670d\u52a1\u5668\u4f7f\u7528httpd\u7ec4\u4ef6\u5b9e\u73b0\u3002\u6211\u4eec\u9700\u8981\u5148\u521b\u5efahttpd_config_t\u7ed3\u6784\u4f53，\u6307\u5b9a\u670d\u52a1\u5668\u7684\u7aef\u53e3\u3001\u6700\u5927\u5e76\u53d1\u8fde\u63a5\u6570\u3001URI\u5339\u914d\u5904\u7406\u5668\u7b49\u9009\u9879\u3002\u7136\u540e，\u6211\u4eec\u901a\u8fc7\u8c03\u7528httpd_start\u51fd\u6570\u6765\u542f\u52a8Web\u670d\u52a1\u5668\u3002（\u4f7f\u7528\u9ed8\u8ba4\u7684\u914d\u7f6e\u5c31\u53ef\u4ee5，\u5305\u62ec\u7aef\u53e3\u53f7\u90fd\u5df2\u7ecf\u9ed8\u8ba4\u914d\u7f6e\u597d\u4e86）<\/p>\n

httpd_config_t config = HTTPD_DEFAULT_CONFIG();
\nhttpd_handle_t server = NULL;<\/p>\n

\/\/ \u8bbe\u7f6e\u670d\u52a1\u5668\u7aef\u53e3\u4e3a80
\nconfig.server_port = 80;<\/p>\n

\/\/ \u521b\u5efaHTTP\u670d\u52a1\u5668\u53e5\u67c4
\nif (httpd_start(&server, &config) != ESP_OK) {
\n printf("Error starting server!\\\\n");
\n return;
\n}<\/p>\n

2\u3001 \u6ce8\u518c URI\u5904\u7406\u5668 \u5728Web\u670d\u52a1\u5668\u542f\u52a8\u540e，\u6211\u4eec\u9700\u8981\u4e3a\u4e0d\u540c\u7684URI\u6ce8\u518c\u5904\u7406\u5668\u51fd\u6570\u3002\u5f53Web\u670d\u52a1\u5668\u63a5\u6536\u5230\u8bf7\u6c42\u65f6，\u4f1a\u6839\u636e\u8bf7\u6c42\u7684URI\u9009\u62e9\u76f8\u5e94\u7684\u5904\u7406\u5668\u51fd\u6570\u8fdb\u884c\u5904\u7406\u3002\u5728ESP-IDF\u4e2d，\u6211\u4eec\u53ef\u4ee5\u4f7f\u7528httpd_register_uri_handler\u51fd\u6570\u6ce8\u518cURI\u5904\u7406\u5668\u3002\u8be5\u51fd\u6570\u7684\u539f\u578b\u5982\u4e0b<\/p>\n

esp_err_t httpd_register_uri_handler(httpd_handle_t hd, const httpd_uri_t *uri)<\/p>\n

\u5176\u4e2d，hd\u53c2\u6570\u4e3aHTTP\u670d\u52a1\u5668\u53e5\u67c4；uri\u53c2\u6570\u4e3a\u5305\u542bURI\u8def\u5f84\u3001HTTP\u65b9\u6cd5\u3001\u5904\u7406\u51fd\u6570\u7b49\u4fe1\u606f\u7684\u7ed3\u6784\u4f53\u6307\u9488\u3002\u4f8b\u5982：<\/p>\n

static const httpd_uri_t echo = {
\n .uri = "\/",
\n .method = HTTP_POST,
\n .handler = echo_post_handler,
\n .user_ctx = NULL
\n};
\nstatic esp_err_t echo_post_handler(httpd_req_t *req)
\n{
\n char buf[100];
\n \/\/ char ssid[10];
\n \/\/ char pswd[10];
\n int ret, remaining = req->content_len;<\/p>\n

while (remaining > 0) {
\n \/* Read the data for the request *\/
\n if ((ret = httpd_req_recv(req, buf,
\n MIN(remaining, sizeof(buf)))) <= 0) {
\n if (ret == HTTPD_SOCK_ERR_TIMEOUT) {
\n \/* Retry receiving if timeout occurred *\/
\n continue;
\n }
\n return ESP_FAIL;
\n }<\/p>\n

\/* Send back the same data *\/
\n httpd_resp_send_chunk(req, buf, ret);
\n remaining -= ret;<\/p>\n

esp_err_t e = httpd_query_key_value(buf,"ssid",wifi_name,sizeof(wifi_name));
\n if(e == ESP_OK) {
\n printf("ssid = %s\\\\r\\\\n",wifi_name);
\n }
\n else {
\n printf("error = %d\\\\r\\\\n",e);
\n }<\/p>\n

e = httpd_query_key_value(buf,"password",wifi_password,sizeof(wifi_password));
\n if(e == ESP_OK) {
\n printf("pswd = %s\\\\r\\\\n",wifi_password);
\n }
\n else {
\n printf("error = %d\\\\r\\\\n",e);
\n }
\n \/* Log data received *\/
\n ESP_LOGI(TAG, "=========== RECEIVED DATA ==========");
\n ESP_LOGI(TAG, "%.*s", ret, buf);
\n ESP_LOGI(TAG, "====================================");
\n }<\/p>\n

\/\/ End response
\n httpd_resp_send_chunk(req, NULL, 0);
\n if(strcmp(wifi_name ,"\\\\0")!=0 && strcmp(wifi_password,"\\\\0")!=0)
\n {
\n xSemaphoreGive(ap_sem);
\n ESP_LOGI(TAG, "set wifi name and password successfully! goto station mode");
\n }
\n return ESP_OK;
\n}<\/p>\n

html\u7684\u7f51\u9875\u5982\u4e0b：\u8fd9\u4e2a\u7f51\u9875\u5305\u542b\u4e86\u6309\u94ae\u7684\u5b9a\u4e49，\u4ee5\u53ca\u53d1\u9001json\u683c\u5f0f\u7684\u6570\u636e\u3002<\/p>\n

\u6700\u540e\u9001json\u6570\u636e\u7684\u65f6\u5019，\u8981\u7528JSON.stringify\u65b9\u6cd5\u683c\u5f0f\u5316data，\u5426\u5219esp32\u89e3\u6790json\u4f1a\u62a5\u9519，\u6b64\u5904\u4e00\u5b9a\u8981\u6ce8\u610f！！！ \u6574\u4f53html\u754c\u9762\u975e\u5e38\u7b80\u5355，\u6ca1\u6709\u57fa\u7840\u7684\u4e5f\u5f88\u5bb9\u6613\u8bfb\u61c2，\u91cc\u9762\u5199\u4e86\u4e00\u4e2ajs\u51fd\u6570，\u8be5\u51fd\u6570\u662f\u5728\u70b9\u51fb\u6309\u94ae\u7684\u65f6\u5019\u89e6\u53d1，\u529f\u80fd\u4e3b\u8981\u662f\u8bfb\u53d6\u6587\u672c\u6846\u8f93\u5165\u7684\u6570\u636e，\u5c06\u6570\u636e\u5c01\u88c5\u4e3ajson\u683c\u5f0f，\u7136\u540epost\u53d1\u9001\u6570\u636e，xhttp.open(\u201cPOST\u201d, \u201c\/wifi_data\u201d, true);\u4e2d\u7684url \u201c\/wifi_data\u201d\u548cesp32\u670d\u52a1\u7aef\u4e2d\u7684\u5b9a\u4e49\u8981\u4e00\u81f4，\u5426\u5219\u662f\u65e0\u6cd5\u6210\u529f\u7684\u3002<\/span><\/p>\n

<!DOCTYPE html>
\n<head>
\n <meta charset="utf-8">
\n <title>Web server system<\/title>
\n<\/head>
\n<table class="fixed" border="5">
\n <col width="1000px" \/><col width="500px" \/>
\n <tr><td>
\n <h2 style=" text-align:center;"> **** Web Server ***<\/h2><\/p>\n

<h3>wifi \u5bc6\u7801\u914d\u7f6e<\/h3>
\n <div>
\n <label for="name">wifi\u540d\u79f0<\/label>
\n <input type="text" id="wifi" name="car_name" placeholder="ssid">
\n <br>
\n <label for="type">\u5bc6\u7801<\/label>
\n <input type="text" id="code" name="car_type" placeholder="password">
\n <br>
\n <button id ="send_WIFI" type="button" onclick="send_wifi()">\u63d0\u4ea4<\/button>
\n <\/div>
\n <\/td><td>
\n <table border="10">
\n <tr>
\n <td>
\n <label for="newfile">Upload a file<\/label>
\n <\/td>
\n <td colspan="2">
\n <input id="newfile" type="file" onchange="setpath()" style="width:100%;">
\n <\/td>
\n <\/tr>
\n <tr>
\n <td>
\n <label for="filepath">Set path on server<\/label>
\n <\/td>
\n <td>
\n <input id="filepath" type="text" style="width:100%;">
\n <\/td>
\n <td>
\n <button id="upload" type="button" onclick="upload()">Upload<\/button>
\n <\/td>
\n <\/tr>
\n <\/table>
\n <\/td><\/tr>
\n<\/table>
\n<script>
\nfunction setpath() {
\n var default_path = document.getElementById("newfile").files[0].name;
\n document.getElementById("filepath").value = default_path;
\n}
\nfunction upload() {
\n var filePath = document.getElementById("filepath").value;
\n var upload_path = "\/upload\/" + filePath;
\n var fileInput = document.getElementById("newfile").files;<\/p>\n

\/* Max size of an individual file. Make sure this
\n * value is same as that set in file_server.c *\/
\n var MAX_FILE_SIZE = 200*1024;
\n var MAX_FILE_SIZE_STR = "200KB";<\/p>\n

if (fileInput.length == 0) {
\n alert("No file selected!");
\n } else if (filePath.length == 0) {
\n alert("File path on server is not set!");
\n } else if (filePath.indexOf(' ') >= 0) {
\n alert("File path on server cannot have spaces!");
\n } else if (filePath[filePath.length-1] == '\/') {
\n alert("File name not specified after path!");
\n } else if (fileInput[0].size > 200*1024) {
\n alert("File size must be less than 200KB!");
\n } else {
\n document.getElementById("newfile").disabled = true;
\n document.getElementById("filepath").disabled = true;
\n document.getElementById("upload").disabled = true;<\/p>\n

var file = fileInput[0];
\n var xhttp = new XMLHttpRequest();
\n xhttp.onreadystatechange = function() {
\n if (xhttp.readyState == 4) {
\n if (xhttp.status == 200) {
\n document.open();
\n document.write(xhttp.responseText);
\n document.close();
\n } else if (xhttp.status == 0) {
\n alert("Server closed the connection abruptly!");
\n location.reload()
\n } else {
\n alert(xhttp.status + " Error!\\\\n" + xhttp.responseText);
\n location.reload()
\n }
\n }
\n };
\n xhttp.open("POST", upload_path, true);
\n xhttp.send(file);
\n }
\n}<\/p>\n

function send_wifi() {
\n var input_ssid = document.getElementById("wifi").value;
\n var input_code = document.getElementById("code").value;
\n var xhttp = new XMLHttpRequest();
\n xhttp.open("POST", "\/wifi_data", true);
\n xhttp.onreadystatechange = function() {
\n if (xhttp.readyState == 4) {
\n if (xhttp.status == 200) {
\n console.log(xhttp.responseText);
\n } else if (xhttp.status == 0) {
\n alert("Server closed the connection abruptly!");
\n location.reload()
\n } else {
\n alert(xhttp.status + " Error!\\\\n" + xhttp.responseText);
\n location.reload()
\n }
\n }
\n };
\n var data = {
\n "wifi_name":input_ssid,
\n "wifi_code":input_code
\n }
\n xhttp.send(JSON.stringify(data));
\n}<\/p>\n

<\/script><\/p>\n<\/p>\n

static esp_err_t html_default_get_handler(httpd_req_t *req)
\n{
\n \/\/ \/* Send HTML file header *\/
\n \/\/ httpd_resp_sendstr_chunk(req, "<!DOCTYPE html><html><body>");<\/p>\n

\/* Get handle to embedded file upload script *\/
\n extern const unsigned char upload_script_start[] asm("_binary_upload_script_html_start");
\n extern const unsigned char upload_script_end[] asm("_binary_upload_script_html_end");
\n const size_t upload_script_size = (upload_script_end – upload_script_start);<\/p>\n

\/* Add file upload form and script which on execution sends a POST request to \/upload *\/
\n httpd_resp_send_chunk(req, (const char *)upload_script_start, upload_script_size);<\/p>\n

\/* Send remaining chunk of HTML file to complete it *\/
\n httpd_resp_sendstr_chunk(req, "<\/body><\/html>");<\/p>\n

\/* Send empty chunk to signal HTTP response completion *\/
\n httpd_resp_sendstr_chunk(req, NULL);
\n return ESP_OK;
\n}<\/p>\n

httpd_uri_t html_default = {
\n .uri = "\/", \/\/ Match all URIs of type \/path\/to\/file
\n .method = HTTP_GET,
\n .handler = html_default_get_handler,
\n .user_ctx = "html" \/\/ Pass server data as context
\n };<\/p>\n

httpd_register_uri_handler(server, &html_default); <\/p>\n

\u8fd9\u91cc\u8981\u7279\u522b\u6ce8\u610f：<\/span><\/p>\n

1）\u3001.uri = "\/",\u8fd9\u4e2a\u8868\u793a\u5f53\u4f60\u6253\u5f00\u7f51\u9875\u7684IP\u5730\u5740\u540e\u7b2c\u4e00\u4e2a\u8981\u663e\u793a\u7684\u9875\u9762，\u4e5f\u5c31\u662f\u8981\u653e\u5230\u6839\u76ee\u5f55\u4e0b（"\/"\u4e5f\u5c31\u662f\u6839\u76ee\u5f55）\u3002<\/span><\/p>\n

2）\u3001ESP32\u53ef\u4ee5\u76f4\u63a5\u5c06html\u7684\u7f51\u9875\u7f16\u8bd1\u8fdb\u6765\u4e0d\u9700\u8981\u8f6c\u4e3a\u6570\u7ec4，\u4f46\u5728<\/span>CMakeList.txt\u6587\u4ef6\u4e2d\u9700\u8981EMBED_FILES upload_script.html<\/span>\u8fd9<\/span>\u6837\u7684\u5f62\u5f0f\u5f15\u5165\u7f51\u9875\u6587\u4ef6\u3002\u8fd9\u4e2ahtml\u7f16\u8bd1\u51fa\u51fa\u6765\u7684\u6587\u672c\u6587\u4ef6\u600e\u4e48\u4f7f\u7528\u5462\u3002wifi.html\u7f16\u8bd1\u51fa\u6765\u4e00\u822c\u540d\u79f0\u662f\u9ed8\u8ba4\u7684_binary_\u540d\u79f0_\u7c7b\u578b_start\u3002\u8fd9\u4e2a\u6307\u9488\u4ee3\u7f16\u8bd1\u51fa\u6765\u6587\u4ef6\u7684\u8d77\u59cb\u5730\u5740\u3002_binary_\u540d\u79f0_\u7c7b\u578b_end，\u4ee3\u8868\u7ed3\u675f\u5730\u5740\u3002wifi.html\u7684\u5f15\u7528\u65b9\u5f0f\u5982\u4e0b\u3002\u901a\u8fc7\u4ee5\u4e0b\u7684\u65b9\u5f0f\u5c31\u53ef\u4ee5\u83b7\u5f97html\u8fd9\u4e2a\u5927\u6570\u7ec4\u3002<\/p>\n

extern const unsigned char upload_script_start[] asm("_binary_upload_script_html_start");
\n extern const unsigned char upload_script_end[] asm("_binary_upload_script_html_end");
\n const size_t upload_script_size = (upload_script_end – upload_script_start);<\/p>\n

\/* Add file upload form and script which on execution sends a POST request to \/upload *\/
\n httpd_resp_send_chunk(req, (const char *)upload_script_start, upload_script_size);<\/p>\n

3\u3001\u5b9e\u73b0URI\u5904\u7406\u51fd\u6570<\/span><\/p>\n

\u5728\u6ce8\u518cURI\u5904\u7406\u5668\u540e，\u6211\u4eec\u9700\u8981\u5b9e\u73b0\u5bf9\u5e94\u7684\u5904\u7406\u5668\u51fd\u6570\u3002URI\u5904\u7406\u5668\u51fd\u6570\u7684\u539f\u578b\u4e3a：<\/p>\n

typedef esp_err_t (*httpd_uri_func_t)(httpd_req_t *req);<\/p>\n

\u5982\u4e0a\u9762\u793a\u4f8b\u4e2d\u7684：<\/p>\n

static esp_err_t html_default_get_handler(httpd_req_t *req) <\/p>\n

4\u3001\u5904\u7406HTTP\u8bf7\u6c42 \u5728URI\u5904\u7406\u5668\u51fd\u6570\u4e2d，\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7HTTP\u8bf7\u6c42\u4fe1\u606f\u7ed3\u6784\u4f53\u6307\u9488httpd_req_t\u83b7\u53d6HTTP\u8bf7\u6c42\u7684\u5404\u79cd\u53c2\u6570\u548c\u6570\u636e\u3002\u4ee5\u4e0b\u662f\u4e00\u4e9b\u5e38\u7528\u7684HTTP\u8bf7\u6c42\u5904\u7406\u51fd\u6570：<\/p>\n

httpd_req_get_hdr_value_str：\u83b7\u53d6HTTP\u8bf7\u6c42\u5934\u4e2d\u6307\u5b9a\u5b57\u6bb5\u7684\u503c（\u5b57\u7b26\u4e32\u683c\u5f0f） httpd_req_get_url_query_str：\u83b7\u53d6HTTP\u8bf7\u6c42URL\u4e2d\u7684\u67e5\u8be2\u53c2\u6570（\u5b57\u7b26\u4e32\u683c\u5f0f） httpd_query_key_value：\u89e3\u6790HTTP\u8bf7\u6c42URL\u4e2d\u7684\u67e5\u8be2\u53c2\u6570，\u83b7\u53d6\u6307\u5b9a\u53c2\u6570\u540d\u7684\u503c（\u5b57\u7b26\u4e32\u683c\u5f0f） httpd_req_recv：\u4eceHTTP\u8bf7\u6c42\u63a5\u6536\u6570\u636e httpd_req_send：\u53d1\u9001HTTP\u54cd\u5e94\u6570\u636e httpd_resp_set_type：\u8bbe\u7f6eHTTP\u54cd\u5e94\u5185\u5bb9\u7684MIME\u7c7b\u578b httpd_resp_send_chunk：\u5206\u5757\u53d1\u9001HTTP\u54cd\u5e94\u6570\u636e\u3002 \u4f8b\u5982，\u4ee5\u4e0b\u662f\u4e00\u4e2aURI\u5904\u7406\u5668\u51fd\u6570\u7684\u793a\u4f8b，\u7528\u4e8e\u5904\u7406\/echo\u8def\u5f84\u7684POST\u8bf7\u6c42：<\/p>\n

static esp_err_t echo_post_handler(httpd_req_t *req)
\n{
\n char buf[1024];
\n int ret, remaining = req->content_len;<\/p>\n

\/\/ \u4eceHTTP\u8bf7\u6c42\u4e2d\u63a5\u6536\u6570\u636e
\n while (remaining > 0) {
\n ret = httpd_req_recv(req, buf, MIN(remaining, sizeof(buf)));
\n if (ret <= 0) {
\n if (ret == HTTPD_SOCK_ERR_TIMEOUT) {
\n \/\/ \u5904\u7406\u8d85\u65f6
\n httpd_resp_send_408(req);
\n }
\n return ESP_FAIL;
\n }<\/p>\n

\/\/ \u5904\u7406\u63a5\u6536\u5230\u7684\u6570\u636e
\n \/\/ …<\/p>\n

remaining -= ret;
\n }<\/p>\n

\/\/ \u53d1\u9001HTTP\u54cd\u5e94
\n httpd_resp_set_type(req, HTTPD_TYPE_TEXT);
\n httpd_resp_send(req, "Received data: ", -1);
\n httpd_resp_send_chunk(req, buf, req->content_len);
\n httpd_resp_send_chunk(req, NULL, 0);<\/p>\n

return ESP_OK;
\n}<\/p>\n

5\u3001 \u53d1\u9001\u54cd\u5e94 \u5728URI\u5904\u7406\u51fd\u6570\u4e2d，\u53ef\u4ee5\u4f7f\u7528httpd_resp_send()\u51fd\u6570\u5c06\u54cd\u5e94\u53d1\u9001\u56de\u5ba2\u6237\u7aef\u3002\u8be5\u51fd\u6570\u9700\u8981\u4f20\u5165\u4e00\u4e2ahttpd_req_t\u7ed3\u6784\u4f53\u4f5c\u4e3a\u53c2\u6570，\u8be5\u7ed3\u6784\u4f53\u8868\u793aHTTP\u8bf7\u6c42\u548c\u54cd\u5e94\u3002<\/p>\n

\u4f8b\u5982，\u5728\u4e0a\u9762\u7684hello_get_handler\u5904\u7406\u51fd\u6570\u4e2d，\u53ef\u4ee5\u4f7f\u7528httpd_resp_send()\u51fd\u6570\u5c06\u201cHello, World!\u201d\u5b57\u7b26\u4e32\u4f5c\u4e3a\u54cd\u5e94\u53d1\u9001\u56de\u5ba2\u6237\u7aef：<\/p>\n

static esp_err_t hello_get_handler(httpd_req_t *req)
\n{
\n const char* resp_str = "Hello, World!";
\n httpd_resp_send(req, resp_str, strlen(resp_str));
\n return ESP_OK;
\n}<\/p>\n

\u4e8c\u3001\u4e3b\u8981\u4f7f\u7528API\u7684\u8bf4\u660e1. httpd_register_uri_handler \u7528\u4e8e\u5c06HTTP\u8bf7\u6c42\u7684URI\u8def\u7531\u5230\u5904\u7406\u7a0b\u5e8f\u3002\u8fd9\u4e2a\u51fd\u6570\u63a5\u6536\u4e24\u4e2a\u53c2\u6570：httpd_handle_t\u7c7b\u578b\u7684HTTP\u670d\u52a1\u5668\u53e5\u67c4\u548chttpd_uri_t\u7c7b\u578b\u7684URI\u914d\u7f6e\u3002<\/p>\n

2. httpd_handle_t httpd_handle_t\u662fHTTP\u670d\u52a1\u5668\u7684\u4e00\u4e2a\u53e5\u67c4，\u5b83\u662f\u901a\u8fc7httpd_start\u51fd\u6570\u521b\u5efa\u7684\u3002\u800chttpd_uri_t\u5219\u5b9a\u4e49\u4e86HTTP\u8bf7\u6c42\u7684URI\u4fe1\u606f，\u5305\u62ecURI\u8def\u5f84\u3001HTTP\u8bf7\u6c42\u65b9\u6cd5\u548c\u5904\u7406\u51fd\u6570\u7b49\u3002<\/p>\n

3. httpd_query_key_value\u83b7\u53d6\u53d8\u91cf\u503chttpd_query_key_value <\/span>\u7528\u4e8e\u4ece\u67e5\u8be2\u5b57\u7b26\u4e32\u4e2d\u83b7\u53d6\u6307\u5b9a\u952e\u7684\u503c\u3002\u67e5\u8be2\u5b57\u7b26\u4e32\u662f\u6307URL\u4e2d?\u540e\u9762\u7684\u90e8\u5206，\u5305\u542b\u591a\u4e2a\u952e\u503c\u5bf9，\u6bcf\u4e2a\u952e\u503c\u5bf9\u4e4b\u95f4\u4f7f\u7528&\u5206\u9694\u3002\u4f8b\u5982，\u5bf9\u4e8e\u4ee5\u4e0bURL：http:\/\/192.168.1.1\/path\/to\/handler?key1=value1&key2=value2<\/span> \u83b7\u53d6\u5176\u4e2d\u7684：esp_err_t httpd_query_key_value(const char *query, const char *key, char *buf, size_t buf_len);<\/span><\/p>\n

\u8fd9\u662f\u4e00\u4e2a\u4f7f\u7528\u793a\u4f8b<\/p>\n

char query_str[] = "key1=value1&key2=value2";
\nchar key[] = "key1";
\nchar value[16];<\/p>\n

if (httpd_query_key_value(query_str, key, value, sizeof(value)) == ESP_OK) {
\n printf("value=%s\\\\n", value);
\n} else {
\n printf("key not found\\\\n");
\n}<\/p>\n

4. \u83b7\u53d6get\u53c2\u6570\u793a\u4f8b<\/h4>\n

\u4e0b\u9762\u5b9a\u4e49\u7684 handler \u6f14\u793a\u4e86\u5982\u4f55\u4ece\u8bf7\u6c42\u53c2\u6570\u91cc\u89e3\u6790 \u5b57\u7b26\u4e32param1\u548c\u6574\u578b\u53d8\u91cfparam2：<\/p>\n

esp_err_t index_handler(httpd_req_t *req)
\n{
\n char* query_str = NULL;
\n char param1_value[10] = {0};
\n int param2_value=0;<\/p>\n

query_str = strstr(req->uri, "?");
\n if(query_str!=NULL){
\n query_str ++;
\n httpd_query_key_value(query_str, "param1", param1_value, sizeof(param1_value));
\n char param2_str[10] = {0};
\n httpd_query_key_value(query_str, "param2", param2_str, sizeof(param2_str));
\n param2_value = atoi(param2_str);
\n }<\/p>\n

char resp_str[50] = {0};
\n snprintf(resp_str, sizeof(resp_str), "param1=%s, param2=%d", param1_value, param2_value);
\n httpd_resp_send(req, resp_str, strlen(resp_str));
\n return ESP_OK;
\n}<\/p>\n

5. \u83b7\u53d6post\u53c2\u6570\u793a\u4f8b<\/h4>\n

\u4e0b\u9762\u7684\u793a\u4f8b\u4ee3\u7801\u4e2d\u6839\u636ehttpd_req_t\u7684content_len\u6765\u5206\u914d\u4e00\u4e2a\u7f13\u51b2\u533a，\u5e76\u89e3\u6790\u8bf7\u6c42\u4e2d\u7684POST\u53c2\u6570：<\/p>\n

esp_err_t post_demo_handler(httpd_req_t *req)
\n{
\n char post_string[64];
\n int post_int=0;<\/p>\n

if (req->content_len > 0)
\n {
\n \/\/ \u4ece\u8bf7\u6c42\u4f53\u4e2d\u8bfb\u53d6POST\u53c2\u6570
\n char *buf = malloc(req->content_len + 1);
\n int ret = httpd_req_recv(req, buf, req->content_len);
\n if (ret <= 0)
\n {
\n \/\/ \u63a5\u6536\u6570\u636e\u51fa\u9519
\n free(buf);
\n return ESP_FAIL;
\n }
\n buf[req->content_len] = '\\\\0';<\/p>\n

\/\/ \u89e3\u6790POST\u53c2\u6570
\n char *param_str;
\n param_str = strtok(buf, "&");
\n while (param_str != NULL)
\n {
\n char *value_str = strchr(param_str, '=');
\n if (value_str != NULL)
\n {
\n *value_str++ = '\\\\0';
\n if (strcmp(param_str, "post_string") == 0)
\n {
\n strncpy(post_string, value_str, sizeof(post_string));
\n }
\n else if (strcmp(param_str, "post_int") == 0)
\n {
\n post_int = atoi(value_str);
\n }
\n }
\n param_str = strtok(NULL, "&");
\n }<\/p>\n

free(buf);
\n }<\/p>\n

\/\/ \u5c06\u7ed3\u679c\u6253\u5370\u8f93\u51fa
\n printf("post_string=%s, post_int=%d\\\\n", post_string, post_int);<\/p>\n

\/\/ \u8fd4\u56de\u6210\u529f
\n httpd_resp_send(req, NULL, 0);
\n return ESP_OK;
\n}<\/p>\n

httpd_uri_t post_uri = {
\n .uri = "\/post",
\n .method = HTTP_POST,
\n .handler = post_demo_handler,
\n .user_ctx = NULL
\n };<\/p>\n","protected":false},"excerpt":{"rendered":"

\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb1.1w\u6b21\uff0c\u70b9\u8d5e30\u6b21\uff0c\u6536\u85cf99\u6b21\u3002\u6700\u8fd1\u5728\u4f7f\u7528ESP32\u642d\u5efaweb\u670d\u52a1\u5668\u6d4b\u8bd5\uff0c\u53d1\u73b0esp32\u642d\u5efa\u8fd9\u7c7b\u5f00\u53d1\u73af\u5883\u8fd8\u662f\u6bd4\u8f83\u65b9\u4fbf\u7684\u3002\u5177\u4f53\u7684http\u534f\u8bae\u8fd9\u91cc\u5c31\u4e0d\u518d\u8d58\u8ff0\uff0c\u6211\u4eec\u4e3b\u8981\u8bf4\u4e00\u4e0b\u5982\u4f55\u4f7f\u7528ESP32\u63d0\u4f9b\u7684API\u6765\u642d\u5efa\u6211\u4eec\u7684http web\u3002\u4e00\u3001web\u670d\u52a1\u5668\u642d\u5efa\u8fc7\u7a0b1\u3001\u914d\u7f6eweb\u670d\u52a1\u5668\u5728\u4e2d\uff0cWeb\u670d\u52a1\u5668\u4f7f\u7528httpd\u7ec4\u4ef6\u5b9e\u73b0\u3002\u6211\u4eec\u9700\u8981\u5148\u521b\u5efahttpd_config_t\u7ed3\u6784\u4f53\uff0c\u6307\u5b9a\u670d\u52a1\u5668\u7684\u7aef\u53e3\u3001\u6700\u5927\u5e76\u53d1\u8fde\u63a5\u6570\u3001URI\u5339\u914d\u5904\u7406\u5668\u7b49\u9009\u9879\u3002\u7136\u540e\uff0c\u6211\u4eec\u901a\u8fc7\u8c03\u7528httpd_start\u51fd\u6570\u6765\u542f\u52a8Web\u670d\u52a1\u5668\u3002_esp32 webserver<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[179,151,191],"topic":[],"class_list":["post-26160","post","type-post","status-publish","format-standard","hentry","category-server","tag-esp32","tag-http","tag-191"],"yoast_head":"\nESP32\u7cfb\u5217\u56db\uff1a\u642d\u5efahttp\u7684webserver\u7684\u670d\u52a1\u5668 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/26160.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ESP32\u7cfb\u5217\u56db\uff1a\u642d\u5efahttp\u7684webserver\u7684\u670d\u52a1\u5668 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb1.1w\u6b21\uff0c\u70b9\u8d5e30\u6b21\uff0c\u6536\u85cf99\u6b21\u3002\u6700\u8fd1\u5728\u4f7f\u7528ESP32\u642d\u5efaweb\u670d\u52a1\u5668\u6d4b\u8bd5\uff0c\u53d1\u73b0esp32\u642d\u5efa\u8fd9\u7c7b\u5f00\u53d1\u73af\u5883\u8fd8\u662f\u6bd4\u8f83\u65b9\u4fbf\u7684\u3002\u5177\u4f53\u7684http\u534f\u8bae\u8fd9\u91cc\u5c31\u4e0d\u518d\u8d58\u8ff0\uff0c\u6211\u4eec\u4e3b\u8981\u8bf4\u4e00\u4e0b\u5982\u4f55\u4f7f\u7528ESP32\u63d0\u4f9b\u7684API\u6765\u642d\u5efa\u6211\u4eec\u7684http web\u3002\u4e00\u3001web\u670d\u52a1\u5668\u642d\u5efa\u8fc7\u7a0b1\u3001\u914d\u7f6eweb\u670d\u52a1\u5668\u5728\u4e2d\uff0cWeb\u670d\u52a1\u5668\u4f7f\u7528httpd\u7ec4\u4ef6\u5b9e\u73b0\u3002\u6211\u4eec\u9700\u8981\u5148\u521b\u5efahttpd_config_t\u7ed3\u6784\u4f53\uff0c\u6307\u5b9a\u670d\u52a1\u5668\u7684\u7aef\u53e3\u3001\u6700\u5927\u5e76\u53d1\u8fde\u63a5\u6570\u3001URI\u5339\u914d\u5904\u7406\u5668\u7b49\u9009\u9879\u3002\u7136\u540e\uff0c\u6211\u4eec\u901a\u8fc7\u8c03\u7528httpd_start\u51fd\u6570\u6765\u542f\u52a8Web\u670d\u52a1\u5668\u3002_esp32 webserver\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/26160.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-19T06:43:00+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/26160.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/26160.html\",\"name\":\"ESP32\u7cfb\u5217\u56db\uff1a\u642d\u5efahttp\u7684webserver\u7684\u670d\u52a1\u5668 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2025-04-19T06:43:00+00:00\",\"dateModified\":\"2025-04-19T06:43:00+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/26160.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/26160.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/26160.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ESP32\u7cfb\u5217\u56db\uff1a\u642d\u5efahttp\u7684webserver\u7684\u670d\u52a1\u5668\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ESP32\u7cfb\u5217\u56db\uff1a\u642d\u5efahttp\u7684webserver\u7684\u670d\u52a1\u5668 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/26160.html","og_locale":"zh_CN","og_type":"article","og_title":"ESP32\u7cfb\u5217\u56db\uff1a\u642d\u5efahttp\u7684webserver\u7684\u670d\u52a1\u5668 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb1.1w\u6b21\uff0c\u70b9\u8d5e30\u6b21\uff0c\u6536\u85cf99\u6b21\u3002\u6700\u8fd1\u5728\u4f7f\u7528ESP32\u642d\u5efaweb\u670d\u52a1\u5668\u6d4b\u8bd5\uff0c\u53d1\u73b0esp32\u642d\u5efa\u8fd9\u7c7b\u5f00\u53d1\u73af\u5883\u8fd8\u662f\u6bd4\u8f83\u65b9\u4fbf\u7684\u3002\u5177\u4f53\u7684http\u534f\u8bae\u8fd9\u91cc\u5c31\u4e0d\u518d\u8d58\u8ff0\uff0c\u6211\u4eec\u4e3b\u8981\u8bf4\u4e00\u4e0b\u5982\u4f55\u4f7f\u7528ESP32\u63d0\u4f9b\u7684API\u6765\u642d\u5efa\u6211\u4eec\u7684http web\u3002\u4e00\u3001web\u670d\u52a1\u5668\u642d\u5efa\u8fc7\u7a0b1\u3001\u914d\u7f6eweb\u670d\u52a1\u5668\u5728\u4e2d\uff0cWeb\u670d\u52a1\u5668\u4f7f\u7528httpd\u7ec4\u4ef6\u5b9e\u73b0\u3002\u6211\u4eec\u9700\u8981\u5148\u521b\u5efahttpd_config_t\u7ed3\u6784\u4f53\uff0c\u6307\u5b9a\u670d\u52a1\u5668\u7684\u7aef\u53e3\u3001\u6700\u5927\u5e76\u53d1\u8fde\u63a5\u6570\u3001URI\u5339\u914d\u5904\u7406\u5668\u7b49\u9009\u9879\u3002\u7136\u540e\uff0c\u6211\u4eec\u901a\u8fc7\u8c03\u7528httpd_start\u51fd\u6570\u6765\u542f\u52a8Web\u670d\u52a1\u5668\u3002_esp32 webserver","og_url":"https:\/\/www.wsisp.com\/helps\/26160.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2025-04-19T06:43:00+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"9 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/26160.html","url":"https:\/\/www.wsisp.com\/helps\/26160.html","name":"ESP32\u7cfb\u5217\u56db\uff1a\u642d\u5efahttp\u7684webserver\u7684\u670d\u52a1\u5668 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2025-04-19T06:43:00+00:00","dateModified":"2025-04-19T06:43:00+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/26160.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/26160.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/26160.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"ESP32\u7cfb\u5217\u56db\uff1a\u642d\u5efahttp\u7684webserver\u7684\u670d\u52a1\u5668"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/26160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=26160"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/26160\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=26160"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=26160"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=26160"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=26160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}