c html服务器端,[C语言][网络编程][源码阅读]简单Web服务端实现：浏览器访问 http://127.0.0.1:9190/index.html (响应GET请求）...

目录

零、完整源码下载

一、代码运行结果(这个代码有啥用？)

二、服务器端(Server)与 客户端(Client)

三、用套接字来连接网络

四、源码阅读

1、webserv_linux.c是基于多线程模型实现的Web服务器端

2、Socket 套接字部分

(1) 套接字 serv_sock 的作用

(2) Request Header ，实现响应GET请求

(3) 套接字 clnt_sock的作用

(4) Response Header ，响应消息

(5) 调用自定义函数 send_data() 响应客户端请求

(6) index.html 源码

零、完整源码下载

图灵社区《TCP/IP网络编程》

(1) 右侧 随书下载 TCPIP_Src.zip

(2) 下载 解压 完整源码位于 TCPIP_Src.zip\Chapter24 source

(3) 含有文件 index.html、webserv_linux.c、webserv_win.c

一、代码运行结果(这个代码有啥用？)

C/S 请求响应 全流程示意图

1、启动服务器端 自定义端口号为 9190

自定义端口 9190

2、打开火狐浏览器，输入 http://127.0.0.1:9190/index.html 并回车

浏览器访问

自定义服务器端口号为 9190

$ ls

index.html webserv_linux.c

$ gcc webserv_linux.c -o wserv -lpthread

$ ./wserv 9190

Connection Request : 127.0.0.1:45472

Connection Request : 127.0.0.1:45474

Connection Request : 127.0.0.1:45476

Connection Request : 127.0.0.1:45478

. . .

在浏览器地址栏中输入http://127.0.0.1:9190/index.html，该请求相当于连接到IP地址为127.0.0.1(可以用localhost代替)、端口号为9190的套接字，并请求index.html文件

二、服务器端(Server)与 客户端(Client)

服务器端(Server)：由webserv_linux.c 编译后生成可执行文件wserv，运行./wserv 9190 开始监听端口9190

客户端(Client) ：这里是浏览器，浏览器内部会创建套接字，浏览器会可视化HTML格式的文件

三、用套接字来连接网络

服务端套接字

服务端套接字 猪仔图标🐖是我个人喜好，和编程无关

书上[1]用了 安装电话机socket()、分配电话号码bind()、连接电话线listen()、拿起话筒accept()、通话read()/write()、挂断close()这个例子来说明服务端套接字一系列函数的使用顺序和场景，贴切、实用、好记👍

客户端套接字

客户端套接字 独角兽图标🦄是我个人喜好，和编程无关

本文中浏览器承担了客户端的角色，这里不需要自己写客户端的代码了

四、源码阅读

1、webserv_linux.c是基于多线程模型实现的Web服务器端

客户端(浏览器)每次请求时，服务器端都会创建1个新线程响应客户端请求

多线程模型服务端

2、Socket 套接字部分

命令行参数，argv[0] 是可执行程序名wserv，argv[1]是我们自定义的端口号9190

服务端依次执行：创建套接字socket()、分配IP地址和端口号bind()、进入等待连接请求状态listen()、允许连接accept()、数据交换read()/write()、断开连接close()

(1) 套接字 serv_sock 的作用

服务端套接字serv_sock的作用

INADDR_ANY 可以自动获得服务器端的计算机IP地址，本文中服务端和客户端都是本机地址127.0.0.1

服务器端与客户端建立连接后，首先在服务器端的命令行窗口显示一条连接信息 Connection Request : 127.0.0.1:客户端端口号 ，然后会创建1个新线程响应客户端请求

(2) Request Header ，实现响应GET请求

GET /index.html HTTP/1.0

Host: localhost:9190

User-Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:78.0) Gecko/20100101 Firefox/78.0

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8

Accept-Language: en-US,en;q=0.5

Accept-Encoding: gzip, deflate

Connection: keep-alive

Upgrade-Insecure-Requests: 1

Cache-Control: max-age=0

请求消息

Request Header

这些Request Header的内容由火狐浏览器自己填充，发送给服务端

(3) 套接字 clnt_sock的作用

套接字 clnt_sock的作用

(4) Response Header ，响应消息

HTTP/1.0 200 OK

Server: Linux Web Server

Content-length: 2048

Content-type: text/html

响应消息

Response Header

在浏览器这里看到的Repsonse Header数据是服务器端响应请求返回的，并且浏览器会可视化服务器端响应回来的index.html文件(text/html类型)

(5) 调用自定义函数 send_data() 响应客户端请求

自定义函数 send_data() 响应客户端请求

(6) index.html 源码

NETWORK

TCP/IP Socket Programming

Hello World!

我的小结

1、【Web服务器端】是以【HTTP协议】为基础【传输超文本】的【服务器端】

2、浏览器属于套接字的【客户端】，浏览器内部会创建【套接字】，浏览器还会将服务器端传输的HTML格式的超文本解析为可读性较强的视图

3、网络编程本质就是Socket编程，socket、bind、listen、accept、close，当然还有半关闭的shutdown这些，服务端与客户端的连接建立之后，更多还是对系统编程的要求，如各种IO函数(操作文件)，线程的创建、销毁，很认同作者强调的提高系统编程能力的必要性

参考资料