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");
相关推荐
来吧~8 分钟前
vue3使用video-player实现视频播放(可拖动视频窗口、调整大小)
前端·vue.js·音视频
码农君莫笑20 分钟前
《信管通低代码信息管理系统开发平台》Windows环境安装说明
服务器·数据库·windows·低代码·c#·bootstrap·.netcore
鎈卟誃筅甡21 分钟前
Vuex 的使用和原理详解
前端·javascript
呆呆小雅26 分钟前
二、创建第一个VUE项目
前端·javascript·vue.js
fnd_LN30 分钟前
Linux文件目录 --- mkdir命令,创建目录,多级目录,设置目录权限
linux·运维·服务器
m0_7482393332 分钟前
前端(Ajax)
前端·javascript·ajax
Fighting_p36 分钟前
【记录】列表自动滚动轮播功能实现
前端·javascript·vue.js
前端Hardy38 分钟前
HTML&CSS:超炫丝滑的卡片水波纹效果
前端·javascript·css·3d·html
技术思考者41 分钟前
HTML速查
前端·css·html
缺少动力的火车42 分钟前
Java前端基础—HTML
java·前端·html