如何让Cesanta Mongoose嵌入式Web服务器实现动态页面渲染？

针对你在ADSP BF518嵌入式环境下，用Mongoose开发Web服务器时遇到的页面动态化需求，以下是几个适配资源受限场景的可行方案：

核心问题梳理 #

当前用mg_http_reply拼接HTML字符串的方式，在页面复杂度提升后会变得难以维护；SSI无法传递自定义变量；PHP等脚本语言受限于DSP硬件资源无法运行，因此需要轻量级、无额外运行时依赖的动态化方案。

方案1：轻量级字符串模板替换（推荐小页面场景） #

自己实现极简的模板标记替换逻辑，将HTML内容与业务变量解耦，既保留HTML的可读性，又能动态填充变量。

步骤实现 #

1. 定义HTML模板
   把页面内容存为单独的模板文件（或编译进程序的常量字符串），用自定义标记（如{{IP}}）占位变量：

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h2>IP address: {{IP}}</h2>
<h2>Netmask: {{SUBNET}}</h2>
<h2>Gateway: {{GW}}</h2>
</body>
</html>

2. C代码中实现替换与响应
   先修正原代码的数组赋值错误（数组不能直接用=赋值，需通过函数拷贝内容），再实现标记替换逻辑：

// 简单字符串替换函数，适配嵌入式场景
void replace_str(char *buf, size_t buf_size, const char *old_str, const char *new_str) {
    char tmp[buf_size];
    char *pos;
    size_t old_len = strlen(old_str);
    size_t new_len = strlen(new_str);

    memset(tmp, 0, buf_size);
    pos = buf;
    while ((pos = strstr(pos, old_str)) != NULL) {
        strncat(tmp, buf, pos - buf);
        strncat(tmp, new_str, buf_size - strlen(tmp) - 1);
        pos += old_len;
        buf = pos;
    }
    strncat(tmp, buf, buf_size - strlen(tmp) - 1);
    strncpy(buf, tmp, buf_size);
}

// 修正后的IP获取函数（示例）
void get_ip(char *buf, size_t buf_len) {
    // 实际逻辑：从硬件/配置中读取IP并拷贝到buf
    strncpy(buf, "10.0.0.6", buf_len);
}

void fn(struct mg_connection *c, int ev, void *ev_data, void *fn_data) {
    char ip[32], subnet[32], gw[32];
    char template_buf[1024]; // 根据页面大小调整缓冲区
    // 模板直接编译进程序，无需文件系统支持
    const char DEVICE_INFO_TEMPLATE[] = 
    "<!DOCTYPE html>"
    "<html>"
    "<head>"
    "</head>"
    "<body>"
    "<h2>IP address: {{IP}}</h2>"
    "<h2>Netmask: {{SUBNET}}</h2>"
    "<h2>Gateway: {{GW}}</h2>"
    "</body>"
    "</html>";

    if (ev == MG_EV_HTTP_MSG) {
        get_ip(ip, sizeof(ip));
        get_subnet(subnet, sizeof(subnet));
        get_gateway(gw, sizeof(gw));
        
        struct mg_http_message *hm = (struct mg_http_message *) ev_data;
        
        if (mg_http_match_uri(hm, "/device/info")) {
            // 复制模板到可修改缓冲区
            strncpy(template_buf, DEVICE_INFO_TEMPLATE, sizeof(template_buf)-1);
            template_buf[sizeof(template_buf)-1] = '\0';
            
            // 替换模板标记
            replace_str(template_buf, sizeof(template_buf), "{{IP}}", ip);
            replace_str(template_buf, sizeof(template_buf), "{{SUBNET}}", subnet);
            replace_str(template_buf, sizeof(template_buf), "{{GW}}", gw);
            
            // 发送动态生成的页面
            mg_http_reply(c, 200, "Content-Type: text/html\r\n", "%s", template_buf);
        }
    }
}

int main() {
    struct mg_mgr mgr;
    mg_mgr_init(&mgr);
    mg_http_listen(&mgr, "http://10.0.0.6:8000", fn, &mgr);
    for (;;) mg_mgr_poll(&mgr, 1000);
}

方案2：扩展Mongoose SSI支持自定义变量 #

如果需要保留SSI的文件包含能力，可扩展SSI处理逻辑，让其支持读取自定义变量：

1. 在连接上下文或全局存储中保存ip、subnet等变量；
2. 拦截Mongoose的SSI处理流程，当遇到自定义标记（如<!--#var name="IP"-->）时，从上下文取出对应值替换。

此方案适合需要同时使用SSI包含和动态变量的场景，但实现复杂度略高。

关键注意事项 #

• 缓冲区大小需根据实际HTML页面调整，避免内存溢出；
• 嵌入式环境无文件系统时，优先将模板编译为程序内的常量字符串；
• 替换函数需处理标记不存在、缓冲区不足等边界情况；
• 必须修正原代码中数组直接赋值的错误，改用函数拷贝内容到数组。

内容的提问来源于stack exchange，提问作者Anusha