python3 前端_用Python3来实现一个简单的Web服务器

写在开始之前

什么是Web服务器？

Web服务器，顾名思义就是提供 Web 服务的服务器，我们这里要做的，确切的说应该是服务器程序

为什么要写Web服务器？

Just for fun

享受动手的乐趣

看懂本文章需要哪些基础？

可以看懂python3的基本语法

正式开始

import socket

# 服务端口

try:

HttpPort = int(input('Please input the server port, default port is 9420:'))

except Exception as e:

HttpPort = 9420

# 地址信息

HttpHost = ('localhost', HttpPort)

# 返回的头部信息

HttpResponseHeader = '''HTTP/1.1 200 OK

Content-Type: text/html

'''

HttpResponseBody = ''

# 新的socket

ListenSocket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)

# ListenSocket绑定与监听

ListenSocket.bind(HttpHost)

ListenSocket.listen(100)

# 报头与报文分隔符

LineSeparator = '\r\n\r\n'

print('The server is running on port %d' % HttpPort)

print('The url is http://localhost:%d' % HttpPort)

while True:

HttpResponseBody = 'Hi : )'

Client, Address = ListenSocket.accept()

Request = Client.recv(1024).decode(encoding='utf-8')

Client.sendall((HttpResponseHeader + HttpResponseBody).encode(encoding='utf-8'))

Client.close()复制代码

这，什么都没说，上来就上代码，是不是不太合适啊？我们先来试验一下效果，然后再来理解这段代码是如何工作的。

我们将以上代码保存为文件web_server.py，并在终端中运行python web_server.py

然后输入服务器端口号，然后打开复制下面的URL并粘贴到浏览器中进行访问，可以看一下效果

大家会注意到最上面的impoet socket，也就是说，我们这里需要使用socket包来完成我们的服务器程序。

首先建立一个socket，绑定到我们机器的一个端口，在这里我将默认端口设置为9420，然后开始监听该端口。

接下来是一个循环，每次都接受一个socket链接，然后将客户端的信息保存起来，Client就是对应客户端的绑定，之后我们向该客户端发送一些数据并断掉关闭链接，然后接受下一个客户端请求。

不是说web服务器吗？说了半天也没见提到web，倒一直在讲socket，那socket又是什么呢？

我们可以把socket理解为TCP/IP协议族的上层实现，也就是说，有了标准，但是标准只是标准，标准是用来指导和规定的，还是需要具体的实现，这里socket就是这种标准的实现，我们这篇文章所说的web服务器主要是HTTP，不再说HTTPS，web socket以及其他。

HTTP是基于TCP协议的，只是对TCP加了一部分属性并进行了进一步抽象和封装，也就是说我们使用HTTP进行数据传输的时候，TCP也是正在连接着的，在连接的过程中我们需要用到socket。

HTTP 请求与响应，都是头部加主题的形式，头部与主题是由一个空行隔开，这里也是我们分割的依据。

感兴趣的朋友可以参考一下MDN文档，首先浏览器向服务器发送一个请求，然后服务器会收到请求，然后返回给浏览器一段文本，浏览器就会解析该文本然后给我们展现出来。

我们的HttpResponse就是需要返回给客户端的头信息，如果没有这些，浏览器也就不会解析，也就相当于这是一个无效的回应。

虽然说是简单的服务器，但是这实在是太简单了，除了一个Hi就不再有别的东西了，那你可以试着更改一下浏览器中的url，你会发现，服务器只会返回来一个Hi，所以让我们来看一下下一节吧。

小修小补

嗯，之前实现的除了Hi 之外，别的功能都没有实现，我们仅仅实现了get，接下来，我们实现获取用户请求的参数，获取用户的请求头，用户的请求方法以及post表单的获取

依然，直接上代码。

import socket

# 服务端口

try:

HttpPort = int(input('Please input the server port, default port is 9420:'))

except Exception as e:

HttpPort = 9420

# 地址信息

HttpHost = ('localhost', HttpPort)

# 返回的头部信息

HttpResponseHeader = '''HTTP/1.1 200 OK

Content-Type: text/html

'''

HttpResponseBody = ''

# 新的socket

ListenSocket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)

# ListenSocket绑定与监听

ListenSocket.bind(HttpHost)

ListenSocket.listen(100)

# 报头与报文分隔符

LineSeparator = '\r\n\r\n'

print('The server is running on port %d' % HttpPort)

print('The url is http://localhost:%d' % HttpPort)

# 获取请求报头

def get_headers(request):

# 分隔符切割

headers_arr = request.split('\r\n')

# 第一行是请求方法方法 请求路径 HTTP协议版本

headers = {}

for item__ in headers_arr[1:]:

item_ = item__.split(': ')

headers[item_[0]] = item_[1]

return headers

# 获取POST表单参数

def get_post_args(request_body):

post_args_arr = request_body.split('&')

post_args = {}

for item__ in post_args_arr:

item_ = item__.split('=')

post_args[item_[0]] = item_[1]

return post_args

while True:

# 监听链接

Client, Address = ListenSocket.accept()

# 接收用户传输的数据

Request = Client.recv(1024).decode(encoding='utf-8')

# 将用户请求切割为报头 主体

RequestText = Request.split(LineSeparator)

# 报头

RequestHeader = RequestText[0]

# 主体

RequestBody = RequestText[1]

# 请求方法

RequestMethod = RequestHeader.split(' ')[0]

# 请求的路径

RequestUrl = RequestHeader.split(' ')[1]

# 头部信息

RequestHeaders = get_headers(RequestHeader)

# 返回主体

HttpResponseBody = ''

print(Request)

# GET方法的处理

if RequestMethod == 'GET':

HttpResponseBody += ''

HttpResponseBody += 'Your method is GET and your request url is ' + RequestUrl + '
'

HttpResponseBody += 'Following are you headers :
********************************************
'

for item in RequestHeaders.items():

HttpResponseBody += ('' + item[0] + ' => ' + item[1] + '
')

HttpResponseBody += '
The next is post test
'

HttpResponseBody += '''

Text1:

Text2:

'''

HttpResponseBody += ''

# POST方法的处理

elif RequestMethod == 'POST':

HttpResponseBody += ''

HttpResponseBody += 'Your method is POST and your request url is ' + RequestUrl + '
'

HttpResponseBody += 'Following are your headers :
********************************************
'

for item in RequestHeaders.items():

HttpResponseBody += ('' + item[0] + ' => ' + item[1] + '
')

HttpResponseBody += 'Following is your form :
********************************************
'

PostArgs = get_post_args(RequestBody)

for item in PostArgs.items():

HttpResponseBody += ('' + item[0] + ' => ' + item[1] + '
')

HttpResponseBody += '
The next is get test
'

HttpResponseBody += 'get test'

HttpResponseBody += ''

# 暂时未支持的其他方法

else:

HttpResponseBody += ''

HttpResponseBody += 'So sorry this method is not support :('

HttpResponseBody += ''

Client.sendall((HttpResponseHeader + HttpResponseBody).encode(encoding='utf-8'))

Client.close()复制代码

直接从30行增加到120行，代码量有点多，不要担心，我们一起来看一下。

我们这里与上一节相比，增加了来两个函数，一个是来获取用户的请求头，另一个是来获取用户所提交的表单。

请求头格式如下：

GET / HTTP/1.1

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

Accept-Encoding: gzip, deflate

Accept-Language: zh-CN,zh;q=0.8,zh-TW;q=0.7,zh-HK;q=0.5,en-US;q=0.3,en;q=0.2

Cache-Control: max-age=0

Connection: keep-alive

Host: localhost:9420

Referer: http://localhost:9420/

Upgrade-Insecure-Requests: 1

User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:59.0) Gecko/20100101 Firefox/59.0复制代码

我们根据此格式进行分割并作为响应给浏览器

POST 请求方法提交的不限于文本，我们这里只实现了简单的表单提交，POST提交的表单是在请求的Body中的，我们进行分割，并根据其格式来解析出来，并作为相应返回给浏览器，GET请求

POST请求并获取POST表单参数

我们实现的GET返回下面会有一个POST测试，POST提交之后，返回的新网页下面有一个GET测试，这一节不算很难，大家可以打开浏览器，chrome 或者 firefox 用f12打开开发者窗口，来观察一下传输的信息，来看看下一小节。

再进一步

我们的服务器相应的网页都是写在服务器代码中的，换一个网页还得修改服务器代码，太不方便啦，于情于理，这么做都不合适，所以这次我们试试将html文件发送给用户，并实现图片的传输。

import socket

# 服务端口

try:

HttpPort = int(input('Please input the server port, default port is 9420:'))

except Exception as e:

HttpPort = 9420

# 地址信息

HttpHost = ('localhost', HttpPort)

# 返回的头部信息

HttpHtmlResponseHeader = '''HTTP/1.1 200 OK

Content-Type: text/html

'''

HttpImageResponseHeader = '''HTTP/1.1 200 OK

Content-Type: image/jpg

'''

HttpResponseBody = ''

HttpResponse = ''.encode(encoding='utf-8')

# 新的socket

ListenSocket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)

# ListenSocket绑定与监听

ListenSocket.bind(HttpHost)

ListenSocket.listen(100)

# 报头与报文分隔符

LineSeparator = '\r\n\r\n'

print('The server is running on port %d' % HttpPort)

print('The url is http://localhost:%d' % HttpPort)

# 获取请求报头

def get_headers(request):

# 分隔符切割

headers_arr = request.split('\r\n')

# 第一行是请求方法方法 请求路径 HTTP协议版本

headers = {}

for item__ in headers_arr[1:]:

item_ = item__.split(': ')

headers[item_[0]] = item_[1]

return headers

# 获取POST表单参数

def get_post_args(request_body):

post_args_arr = request_body.split('&')

post_args = {}

for item__ in post_args_arr:

item_ = item__.split('=')

post_args[item_[0]] = item_[1]

return post_args

while True:

# 监听链接

Client, Address = ListenSocket.accept()

# 接收用户传输的数据

Request = Client.recv(1024).decode(encoding='utf-8')

# 将用户请求切割为报头 主体

RequestText = Request.split(LineSeparator)

# 报头

RequestHeader = RequestText[0]

# 主体

RequestBody = RequestText[1]

# 请求方法

RequestMethod = RequestHeader.split(' ')[0]

# 请求的路径

RequestUrl = RequestHeader.split(' ')[1]

# 头部信息

RequestHeaders = get_headers(RequestHeader)

# 返回主体

HttpResponseBody = ''

HttpResponse = ''.encode(encoding='utf-8')

# GET方法的处理

if RequestMethod == 'GET':

# 目录

if RequestUrl[-1] == '/':

# 如果该Url最后一个字符是/，就将该目录下的index.html返回

RequestUrl += 'index.html'

print(RequestUrl)

# 网页

if RequestUrl.split('.')[-1] == 'html':

try:

# 读取本地文件

res = open('.' + RequestUrl, 'rb')

StaticHtml = res.read()

HttpResponse += HttpHtmlResponseHeader.encode(encoding='utf-8')

HttpResponse += (HttpResponseBody.encode(encoding='utf-8') + StaticHtml)

res.close()

except Exception:

HttpResponse += HttpHtmlResponseHeader.encode(encoding='utf-8')

HttpResponse += '
ERROR !
'.encode(encoding='utf-8')

# 图片

elif RequestUrl.split('.')[-1] == 'jpg':

try:

res = open('.' + RequestUrl, 'rb')

ImageFile = res.read()

HttpResponse += HttpImageResponseHeader.encode(encoding='utf-8')

HttpResponse += (HttpResponseBody.encode(encoding='utf-8') + ImageFile)

res.close()

except Exception:

HttpResponse += HttpImageResponseHeader.encode(encoding='utf-8')

HttpResponse += ''.encode(encoding='utf-8')

HttpResponse += '
The next is post test
'.encode(encoding='utf-8')

HttpResponse += '''

Text1:

Text2:

'''.encode(encoding='utf-8')

# POST方法的处理

elif RequestMethod == 'POST':

HttpResponseBody += ''

HttpResponseBody += 'Your method is POST and your request url is ' + RequestUrl + '
'

HttpResponseBody += 'Following are your headers :
********************************************
'

for item in RequestHeaders.items():

HttpResponseBody += ('' + item[0] + ' => ' + item[1] + '
')

HttpResponseBody += 'Following is your form :
********************************************
'

PostArgs = get_post_args(RequestBody)

for item in PostArgs.items():

HttpResponseBody += ('' + item[0] + ' => ' + item[1] + '
')

HttpResponseBody += '
The next is get test
'

HttpResponseBody += 'get test'

HttpResponseBody += ''

HttpResponse += (HttpHtmlResponseHeader + HttpResponseBody).encode(encoding='utf-8')

# 暂时未支持的其他方法

else:

HttpResponse = (HttpHtmlResponseHeader + 'So sorry this method is not support :(').encode(encoding='utf-8')

Client.sendall(HttpResponse)

Client.close()复制代码

我们首先在该程序下新建一个文件夹pages，与index.html

在pages中新建一个index.html文件与pic.jpg图片

Pages

复制代码

访问首页时会定义到index.html

然后该index.html 中 跳转到pages中，加载/pages/index.html

Show me the image

复制代码

/pages/index.html里有图像的引用，然后浏览器会继续请求图像，服务器读取图像并响应，到这里我们完成了静态网页的读取和图像的展示，至此我们先告一段落。

下一步？

我们实现了接受浏览器的请求并可以回应浏览器文本与图像，获取POST表单，但是依然是比较简单的，需要添加的功能还有很多，比如支持文件上传，支持多用户请求等等。

接下来，向着这个方向前进吧。