3.添加URL解析與控制邏輯

static uint8_t parse_url_action(uint8_t *url) {// 從URL中提取action參數uint8_t *pAction = (uint8_t *)strstr((char *)url, "action=");return *(pAction + 7); // 返回action值
}
// 根據action執行LED操作
static void do_led_action(uint8_t action)
{if (action == '1')  // 開燈{printf("[LED] Turning ON\n");
       led_status = 1;
       status_content[0] = '1';}else if (action == '0')  // 關燈{printf("[LED] Turning OFF\n");
        led_status = 0;
        status_content[0] = '0';}else{printf("[LED] Unknown action: %c\n", action);}// 打印當前狀態printf("[STATUS] Current LED status: %d\n", led_status);
}

4.添加初始化WEB服務器函數

// 初始化Web服務器
void WebServer_Init(void)
{// 初始化http服務器httpServer_init(txBuff, rxBuff, socketCount, socketList);// 注冊html頁面reg_httpServer_webContent(contentName, content);// 注冊狀態頁面 - 關鍵修復：確保狀態頁正確注冊reg_httpServer_webContent("status", status_content);// 注冊控制端點reg_httpServer_webContent("control", (uint8_t *)"OK");printf("[WEB] Server initialized\n");printf("[STATUS] Initial LED status: %d\n", led_status);
}

5. 添加web服務器

// 啟動Web服務器
void WebServer_Start(void)
{for (uint8_t i = 0; i < sizeof(socketList); i++){httpServer_run(i);} 
}

6. 添加處理核心函數

void handler_user_function(uint8_t *url)
{printf("[HTTP] Request received: %s\n", url);// 檢查是否為控制請求if (strstr((char *)url, "control") != NULL) {// 1. 從URL里提取出action的值uint8_t action = parse_url_action(url);// 2. 根據action的值，執行相應的LED操作do_led_action(action);// 調試輸出printf("[CONTROL] Processed action: %c\n", action);}// 檢查是否為狀態請求else if (strstr((char *)url, "status") != NULL){// 確保返回最新的狀態值printf("[STATUS] Request received. Returning: %s\n", status_content);// 更新狀態頁內容 - 確保返回最新值reg_httpServer_webContent("status", status_content);}
}
// 狀態獲取函數 
uint8_t* get_led_status(void)
{return status_content;
}// 狀態更新通知 
void update_led_status(void)
{// 當LED狀態改變時調用此函數reg_httpServer_webContent("status", status_content);printf("[STATUS] Updated status page to: %s\n", status_content);
}

?7.添加web_server.函數

#ifndef __WEB_SERVER_H
#define __WEB_SERVER_H
#include "httpServer.h"
#include <string.h>
// 初始化Web服務器
void WebServer_Init(void);
// 啟動Web服務器
void WebServer_Start(void);
extern uint8_t led_status; // 0:關燈 1:開燈
extern uint8_t status_content[2]; // 狀態頁內容
#endif

8. 接下來我們把MQTT&Aliyun中的函數添加到HTTP_Server中去，如圖所示，把所需要的文件添加進來。

9. 在do_mqtt.c函數中把clientid、passwd以及username修改為自己的參數，把post主題和set主題中的產品名稱以及，設備名稱修改為自己的。

mqttconn mqtt_params = {
    .mqttHostUrl = "iot-06z00h54zbdynx7.mqtt.iothub.aliyuncs.com",
    .server_ip = {
        0,
    },                                                                   /*Define the Connection Server IP*/
    .port = 1883,                                                   /*Define the connection service port number*/
    .clientid = "k18mmode=2,signmethod=hmacsha256,timestamp=1751966302834|", /*Define the client ID*/
    .username = "zhao&k18maZe3w1u",                                         /*Define the user name*/
    .passwd = "1f0069321cb554e432ad893177919fc65579c227a65a9a420b303b7bf8301778", /*Define user passwords*/
    .pubtopic = "/sys/k18maZe3w1u/zhao/thing/event/property/post",           /*Define the publication message*/
    .subtopic = "/sys/k18maZe3w1u/zhao/thing/service/property/set",          /*Define subscription messages*/
    .pubQoS = QOS0,                                 /*Defines the class of service for publishing messages*/
};

10. 修改函數使數據定時上傳到云平臺，在PUB_MESSAGE和RECV中進行更改。

#define PUBLISH_COUNTER_MAX 500  // 10秒間隔（假設主循環周期為10ms）
static uint32_t publish_counter = 0;
    case PUB_MESSAGE:
    {
        pubmessage.qos = QOS0;
        char buffer[128]; // 確保緩沖區足夠大
        snprintf(buffer, sizeof(buffer), 
     "{\"id\":\"123\",\"version\":\"1.0\",\"params\":{\"LEDSwitch\":%d},\"method\":\"thing.event.property.post\"}", 
                led_status);
        pubmessage.payload = buffer;
        pubmessage.payloadlen = strlen(pubmessage.payload);        ret = MQTTPublish(&c, (char *)&(mqtt_params.pubtopic), &pubmessage); /* Publish message */
        if (ret != SUCCESSS) {
            run_status = ERR;
        } else {
            printf("publish:%s,%s\r\n\r\n", mqtt_params.pubtopic, (char *)pubmessage.payload);
            publish_counter = 0;  // 重置計數器
            run_status = RECV;  // 轉到接收/心跳狀態
        }
        break;
    }
    case RECV:  // 合并心跳和接收處理
    {
        // 保持MQTT連接活躍
        if (MQTTYield(&c, 30) != SUCCESSS) {
            run_status = ERR;
            break;
        }
        // 處理接收到的消息
        if (mqtt_recv_flag) {
            mqtt_recv_flag = 0;
            json_decode(mqtt_recv_msg);
        }
        // 計數器方案：檢查是否到達發布間隔
        publish_counter++;
        if(publish_counter >= PUBLISH_COUNTER_MAX) {
            run_status = PUB_MESSAGE;  // 重新進入發布狀態
        }
        break;
    }

11. 接收函數，打印出LED的狀態的時候，要改變led_status的數值，在第17行和第22行進行添加，此目的是為了讓云平臺數據和網頁數據進行統一。

void json_decode(char *msg)
{
    cJSON *jsondata = NULL;
    cJSON *params = NULL;
    cJSON *LED = NULL;
    jsondata = cJSON_Parse(msg);
    if (jsondata == NULL)
    {
        printf("json parse fail.\r\n");
        return;
    }
    params = cJSON_GetObjectItem(jsondata, "params");
    LED = cJSON_GetObjectItem(params, "LEDSwitch");
    if (LED->valueint == 1)
    {printf("LED ON\r\n");led_status=1; status_content[0] = '1';
    }
    else
    {
        printf("LED OFF\r\n");led_status=0; status_content[0] = '0';
    }
    cJSON_Delete(jsondata);}

12. 在主函數為MQTT定義分配一路socket，然后添加一段PG6外部中斷的代碼，PG6作為本地控制繼電器的開關。

#define SOCKET_ID4             4
void EXTI_Configuration(void)
{
    EXTI_InitTypeDef EXTI_InitStructure;
    GPIO_InitTypeDef GPIO_InitStructure;
    NVIC_InitTypeDef NVIC_InitStructure;// 1. 使能GPIOG時鐘RCC_APB2PeriphClockCmd(RCC_APB2Periph_GPIOG, ENABLE);// 2. 配置PG6為浮空輸入
    GPIO_InitStructure.GPIO_Pin = GPIO_Pin_6;
    GPIO_InitStructure.GPIO_Mode = GPIO_Mode_IN_FLOATING;
    GPIO_InitStructure.GPIO_Speed = GPIO_Speed_50MHz;GPIO_Init(GPIOG, &GPIO_InitStructure);// 3. 使能AFIO時鐘RCC_APB2PeriphClockCmd(RCC_APB2Periph_AFIO, ENABLE);// 4. 映射PG6到EXTI6GPIO_EXTILineConfig(GPIO_PortSourceGPIOG, GPIO_PinSource6);// 5. 配置EXTI6中斷線
    EXTI_InitStructure.EXTI_Line = EXTI_Line6;
    EXTI_InitStructure.EXTI_Mode = EXTI_Mode_Interrupt;
    EXTI_InitStructure.EXTI_Trigger = EXTI_Trigger_Falling;  // 上升沿觸發
    EXTI_InitStructure.EXTI_LineCmd = ENABLE;EXTI_Init(&EXTI_InitStructure);// 6. 配置NVIC
    NVIC_InitStructure.NVIC_IRQChannel = EXTI9_5_IRQn;  // EXTI5~9共享中斷通道
    NVIC_InitStructure.NVIC_IRQChannelPreemptionPriority = 0;
    NVIC_InitStructure.NVIC_IRQChannelSubPriority = 0;
    NVIC_InitStructure.NVIC_IRQChannelCmd = ENABLE;NVIC_Init(&NVIC_InitStructure);
}
// EXTI9_5中斷服務函數
void EXTI9_5_IRQHandler(void)
{// 檢查EXTI6中斷標志if (EXTI_GetITStatus(EXTI_Line6) != RESET){// 清除中斷標志EXTI_ClearITPendingBit(EXTI_Line6);// 執行中斷處理
        led_status = !led_status;
        status_content[0] = (status_content[0] == '0') ? '1' : '0'; if(led_status==0){printf("LED_OFF");}else{ printf("LED_ON");}}    }
}

13. 把do_mqtt()函數添加到循環中去，然后在main.c中添加#include "do_mqtt.h"頭文件.

4 功能驗證

1.硬件連接完畢，燒錄程序上電打印如下信息：在瀏覽器輸入192.168.2.22來進入html頁面

?2.我們同時打開串口助手，阿里云物聯網平臺以及HTML網頁控制來進行觀察，我們先使用網頁控制查看現象，先進行打開

3.關閉LED

4. 我們再來使用阿里云進行控制，首先設置開啟LED。

5. 關閉LED

6. 本地按鍵控制，查看阿里云物聯網平臺狀態以及html網頁變化。我們先測試打開

7. 我們再進行本地按鍵關閉測試

由上述可知，功能完好，可由阿里云，html網頁和按鍵控制繼電器開關，三種模式的開與管互通，這三種模式下都可以查看繼電器的狀態

5. 總結

本項目通過 W55MH32成功實現了 Web 網頁以及云平臺對繼電器的遠程控制，驗證了基于以太網的嵌入式 Web 服務器方案和云平臺控制的可行性。感謝大家的耐心閱讀！如果您在閱讀過程中有任何疑問，或者希望進一步了解這款產品及其應用，歡迎隨時通過私信或評論區留言。我們會盡快回復您的消息，為您提供更詳細的解答和幫助！