C语言-写一个简单的Web服务器(三)

上次我们研究了如何将解析web前端的请求,本次内容里我们将服务器的内容响应到前端,让浏览器展示。

响应数据到前端

服务器将数据响应到前端有其必要的返回数据,其结构如下,中间\r\n为换行,这个在不同系统(window,linux)不同,暂时将其作为一种固定格式。
在这里插入代码片

"HTTP/1.0 200 OK\r\n"

"Server: my-AI-X v1.0\r\n"

"Content-Type: text/html;charset=utf-8\r\n"

"\r\n"

定义响应头(header)

c 复制代码
const char headers[] = "HTTP/1.0 200 OK\r\n"
                       "Server: my-AI-X v1.0\r\n"
                       "Content-Type: text/html;charset=utf-8\r\n"
                       "\r\n";
 //定义HTML页面的<head>标签部分内容,可以根据自己的需求替换
const char html_header[] = "<head><title>AI content</title></head>";

响应回前端的数据

定义了一个函数,从服务器读取html模板中的内容,将其返回给前端。

读取项目html模板
c 复制代码
/**
 *  定义读取html模板的函数,此处会用到文件解析
 */
void read_html(char *file_buff);
void read_html(char *file_buff) {
    FILE *fp = NULL;

    fp = fopen("D:/cprojects/ai_x/mychat.html", "r"); //html文件的绝对路径

    int step = 0;
    int c = 0;
    while ((c = fgetc(fp)) != EOF) {
    	//处理文件中出现回车和换行
        if (c == '\r' || c == '\n' ) {
            continue;
        }
        file_buff[step++] = (char) c;
    }
    file_buff[step + 1] = '\0';
    fclose(fp);
}
将登录用户名写入html中

定义一个函数,拼接用户名到第二个页面的输出中。

c 复制代码
char * sub_str= strtok(file_buff,"PPP");   //找到html的"PPP"标记
char body[BODY_SIZE];
memset(body,0, sizeof(body));

strcpy(body, sub_str);
strcat(body, username);
sub_str = strtok(NULL,"PPP");
strcat(body, sub_str);
响应前端

响应到前端,其实质上是指将数据发送到浏览器,要调用send()函数完成此操作。

c 复制代码
send(client_socket, headers, strlen(headers), 0);
send(client_socket, html_header, strlen(html_header), 0);
send(client_socket, body, strlen(body), 0);

fclose(fp);

完整代码

c 复制代码
 char file_buff[1024];
 memset(file_buff, 0, strlen(file_buff));
 read_html(file_buff);  //读取html模板
 printf("[服务器] 解析文件=>[%s]\n", "mychat.html");

 char *sub_str = strtok(file_buff, "PPP"); 
 char body[BODY_SIZE];
 memset(body, 0, sizeof(body));

 strcpy(body, sub_str);
 strcat(body, username);
 sub_str = strtok(NULL, "PPP");
 strcat(body, sub_str); //替换PPP位置的内容为用户名
 send(client_socket, headers, strlen(headers), 0);
 send(client_socket, html_header, strlen(html_header), 0);
 send(client_socket, body, strlen(body), 0);  
 printf("[服务器] 响应完成......\n");

 close(client_socket);
 printf("[服务器] ---------------断开与客户端(浏览器的连接)------------------\n\n");
相关推荐
Moment几秒前
想要长期陪伴你的助理?先从部署一个 OpenClaw 开始 😍😍😍
前端·后端·github
前端Hardy几秒前
别再用 $emit 满天飞了!Vue 3 组件通信的 4 种正确姿势,第 3 种 90% 的人不知道
前端·vue.js·面试
古时的风筝4 分钟前
花10 分钟时间,把终端改造成“生产力武器”:Ghostty + Yazi + Lazygit 配置全流程
前端·后端·程序员
Cache技术分享5 分钟前
340. Java Stream API - 理解并行流的额外开销
前端·后端
我叫黑大帅16 分钟前
前端如何利用 GitHub Actions 自动构建并发布到 GitHub Pages?
前端·面试·github
smallLabel20 分钟前
记一次 OpenClaw 飞书插件接入填坑指南: Error: spawn EINVAL
前端
zzjyr22 分钟前
react前端项目 fetch原生 与 umijs request 四种请求区别
前端
我叫黑大帅22 分钟前
前端总说的防抖与节流到底是什么?
前端·javascript·面试
小时前端22 分钟前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
71Ove23 分钟前
告别手写字符串!UniApp 路由全自动类型生成工具
前端