实现一个静态web服务器、http server

最新推荐文章于 2024-07-03 10:43:42 发布
最新推荐文章于 2024-07-03 10:43:42 发布
阅读量1.4k 收藏 5
点赞数 3
分类专栏： # Java web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/le_17_4_6/article/details/95726984
版权

前言

不管是哪一种语言的web框架，其核心都是一致的，那就是以http协议为核心，围绕着http请求和http响应这两方面做文章。至于衍生的数据持久化（cookie session 数据库 等）只是存储手段罢了。

如果要理解好http协议，没有什么比实现一个自定义的http client客户端和http server服务器更好的方法了。

这篇博客博主就打算使用多种语言来做同一件事情：实现一个Http server，并且可以像apache那样实现静态资源的访问。

1、Http的请求过程

1.1 HTTP是一个基于TCP/IP通信协议来传递数据

这意味着可以使用建立socket的方式来监听某一端口，比如像tomcat一样监听8080端口，来实现这个web服务器。基于socket来实现client 和 server的交流。

1.2 HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写，通过http请求可以访问服务器上的HTML 文件, 图片文件, 查询结果等。

可以放几个简单的静态网页作为访问使用

1.3 HTTP三点注意事项：

  • HTTP是无连接：无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求，并收到客户的应答后，即断开连接。采用这种方式可以节省传输时间。
  • HTTP是媒体独立的：这意味着，只要客户端和服务器知道如何处理的数据内容，任何类型的数据都可以通过HTTP发送。客户端以及服务器指定使用适合的MIME-type内容类型。
  • HTTP是无状态：HTTP协议是无状态协议。无状态是指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息，则它必须重传，这样可能导致每次连接传送的数据量增大。另一方面，在服务器不需要先前信息时它的应答就较快。

socket在处理完一个请求之后应该主动断开连接，然后方便处理下一请求
服务器端向客户端发送数据时，要通过MiME-type指定数据的类型
http不保存事务的处理状态，当然具体的业务逻辑可以使用session或者cookie来保存状态

1.4 HTTP请求图示
在这里插入图片描述

这是相对复杂的结构，HTTPServer、CGI我们可以合在一起，为了简单起见，就不需要访问database。数据可以用cache暂存。

大概就是这种结构：
在这里插入图片描述
Http server兼任 web server和CGI program的作用。

2、HTTP请求消息

客户端发送一个HTTP请求到服务器的请求消息包括以下格式：请求行（request line）、请求头部（header）、空行和请求数据四个部分组成，下图给出了请求报文的一般格式。
在这里插入图片描述

这个数据是很有格式的，我们可以通过对\r\n的切分就可以简单的在server端取出client端的数据

3、HTTP响应数据

HTTP响应也由四个部分组成，分别是：状态行、消息报头、空行和响应正文。
在这里插入图片描述

2、3 引用自菜鸟教程

使用Python实现一个Http server

第一步，实现一个监听8080端口的socket server，这个server只会连接一次就断开

# -*- coding:utf-8 -*-
import socket

if __name__ == '__main__':
    # family: 套接字家族可以使AF_UNIX或者AF_INET
    # type: 套接字类型可以根据是面向连接的还是非连接分为SOCK_STREAM或SOCK_DGRAM
    s = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
    # 绑定地址（host,port）到套接字， 在AF_INET下,以元组（host,port）的形式表示地址。
    s.bind(('localhost', 8080))
    while(True):
        # 开始TCP监听。backlog指定在拒绝连接之前，操作系统可以挂起的最大连接数量。
        # 该值至少为1，大部分应用程序设为5就可以了。
        s.listen(3)
        # 被动接受TCP客户端连接,(阻塞式)等待连接的到来
        conn, addr = s.accept()
        # 接收TCP数据，数据以字符串形式返回，bufsize指定要接收的最大数据量。
        # flag提供有关消息的其他信息，通常可以忽略。
        request = conn.recv(1024)
        # 打印请求内容
        print request
        # 给客户端返回内容
        conn.sendall('welcome!')
        # 关闭连接
        conn.close()

运行：
在这里插入图片描述
测试一下是否跑起来了：
在这里插入图片描述

上面是一个简单的脚本，模拟了客户端

服务器成功返回了信息welcome

同时服务器也接收到了信息：
在这里插入图片描述

接下来继续扩展

使用浏览器访问server尝试：这是打印出来的request数据
在这里插入图片描述

按照
在这里插入图片描述
对数据进行切分，新的代码：

# -*- coding:utf-8 -*-
import socket

if __name__ == '__main__':
    # family: 套接字家族可以使AF_UNIX或者AF_INET
    # type: 套接字类型可以根据是面向连接的还是非连接分为SOCK_STREAM或SOCK_DGRAM
    s = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
    # 绑定地址（host,port）到套接字， 在AF_INET下,以元组（host,port）的形式表示地址。
    s.bind(('localhost', 8080))
    while(True):
        # 开始TCP监听。backlog指定在拒绝连接之前，操作系统可以挂起的最大连接数量。
        # 该值至少为1，大部分应用程序设为5就可以了。
        s.listen(3)
        # 被动接受TCP客户端连接,(阻塞式)等待连接的到来
        conn, addr = s.accept()
        # 接收TCP数据，数据以字符串形式返回，bufsize指定要接收的最大数据量。
        # flag提供有关消息的其他信息，通常可以忽略。
        request_content = conn.recv(1024)

        # 没有内容的连接，防止keep-alive导致错误断开
        if not request_content:
            conn.close()

        request_split = request_content.split('\r\n')

        # 请求行
        method, url, http_version = request_split[0].split(' ')

        # 请求头
        request_headers = {}
        for i in range(1, len(request_split)):
            if request_split[i] == '':
                break
            else:
                key, value = request_split[i].split(': ')
                request_headers[key] = value

        # 请求数据
        request_body = []
        for i in range(2+len(request_headers), len(request_split)):
            request_body.append(request_split[i])

        request_body = '\r\n'.join(request_body)

        # 打包成请求字典
        request = {
            'addr': addr,
            'method': method,
            'url': url,
            'http_version': http_version,
            'headers': request_headers,
            'body': request_body
        }

        print request

        # 给客户端返回内容
        conn.sendall('welcome!')
        # 关闭连接
        conn.close()

为了模拟客户端post数据，使用postman进行测试：
在这里插入图片描述
结果：
在这里插入图片描述

可以看到一个简单的request就被切分出来了

返回response

在这里插入图片描述
这个简单，按照格式写就是了：

common_response = '''
HTTP/1.1 200 OK
Content-Type: text/html

<head>
<title>Hello world!</title>
</head>
<html>
<p>this is a easy python http server~</p>
<p>welcome~<p>
</html>
'''.replace('\n', '\r\n')

然后返回回去：

        # 给客户端返回内容
        conn.sendall(common_response)

使用浏览器访问127.0.0.1:8080
在这里插入图片描述

成功了！

写到现在，一个最基础的，能获取请求，能返回信息的httpServer就做好了。但是它现在的功能还是太简单，下一阶段，我们要再加个功能：
  • 静态资源的访问

在继续写之前，先把解析请求信息的部分抽离成函数，方便使用：

def parseRequest(request_content):


    request_split = request_content.split('\r\n')

    # 请求行
    method, url, http_version = request_split[0].split(' ')

    # 请求头
    request_headers = {}
    for i in range(1, len(request_split)):
        if request_split[i] == '':
            break
        else:
            key, value = request_split[i].split(': ')
            request_headers[key] = value

    # 请求数据
    request_body = []
    for i in range(2+len(request_headers), len(request_split)):
        request_body.append(request_split[i])

    request_body = '\r\n'.join(request_body)

    # 打包成请求字典
    request = {
        'addr': addr,
        'method': method,
        'url': url,
        'http_version': http_version,
        'headers': request_headers,
        'body': request_body
    }

    return request

建立一个static目录用来存储静态文件：
在这里插入图片描述
index.html:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <link rel="stylesheet" href="all.css">
</head>
<body>
    <img src="img.jpg" alt="">
    <h1 class="red">首页</h1>
</body>
</html>

all.css:

.red {
    color: red;
}

img.jpg
在这里插入图片描述

我们首先要能把这些static目录下的文件都读取：

def get_files(files_dir='.'):
    """ 获取某个路径所有的文件路径
    """
    files_dir = os.path.join(os.getcwd(), files_dir)
    files_all = []
    def get_files_(files_dir='.', r_path=''):
        if files_dir[-1:] != '/':
            files_dir += '/'
        files = os.listdir(files_dir)
        for file in files:
            file_path = os.path.join(files_dir, file)
            if os.path.isdir(file_path):
                get_files_(file_path, file)
            else:
                if r_path:
                    files_all.append('%s/%s' % (r_path, file))
                else:
                    files_all.append(file)
    get_files_(files_dir)
    return files_all

def loadStatic(static_path='static'):
    statics = get_files(static_path)
    static_path = os.path.join(os.getcwd(), static_path)
    statics_dict = {}
    # 设置下列文件后缀使用二进制读取
    byte_files_suf = ('jpg', 'png')
    for file_name in statics:
        file_suf = file_name.split('.')[-1]
        print file_suf
        file_path = os.path.join(static_path, file_name)
        if file_suf in byte_files_suf:
            file = open(file_path, 'rb')
        else:
            file = open(file_path, 'r')
        statics_dict['/'+file_name] = file.read()
        file.close()
    return statics_dict

这边做了一个判断，将图片类型的文件使用二进制来进行了读写。
然后会将stataic目录下的所有文件读取，并按照文件相对static的路径-文件内容的键值对返回。
在这里插入图片描述
这样我们要做的就很简单了，根据之前获取的request.url，来匹配路由，如果匹配到了静态文件路径，就将其内容返回。

在浏览器中访问http://127.0.0.1:8080/index.html
控制台中打印出了request信息：
在这里插入图片描述
根据要求修改__main__

if __name__ == '__main__':
    # 加载静态文件
    statics = loadStatic()

    s = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
    s.bind(('localhost', 8080))
    while(True):
        s.listen(3)
        conn, addr = s.accept()
        request_content = conn.recv(1024)

        # 没有内容的连接，防止keep-alive导致错误断开
        try:
            request = parseRequest(request_content)
        except e:
            conn.close()
            break

        mime_type = {
            'jpg': 'image/jpeg',
            'png': 'image/png',
            'html': 'text/html'
        }
        file_suf = request['url'].split('.')[-1]
        if file_suf in mime_type:
            content_type = mime_type[file_suf]
        else:
            content_type = 'text/html'

        response = 'HTTP/1.1 200 OK\r\nContent-Type:%s\r\n\r\n' % content_type

        print request['url']

        if request['url'] in statics:
            print 'match static'
            response += statics[request['url']]

        # 给客户端返回内容
        conn.sendall(response)
        # 关闭连接
        conn.close()

再次访问http://127.0.0.1:8080/index.html
浏览器显示：
在这里插入图片描述
查看f12
在这里插入图片描述

到这里一个静态服务器就大功告成啦，哈哈哈哈

我们可以随便往static目录下放文件，然后重启server， 并访问对应的路径，比如，再新建个/img/img_1.jpg：
在这里插入图片描述
这张图片长这样：
在这里插入图片描述

重新运行easy_http_server_1.py，浏览器访问http://127.0.0.1:8080/img/img_1.jpg
在这里插入图片描述
访问成功。

总结

洋洋洒洒，一篇博客接近一万字了。

事实证明，一个简单的http server的实现并不复杂（当然是不追求性能和安全的前提下）。

代码仅仅100行左右。

下一篇博主将会进一步实现一个动态服务器。敬请期待。

博客代码github 链接：https://github.com/numb-men/easy-http-server/blob/master/easy_http_server_1.py

ps:请随便转载
ps:发现错误请评论
ps:python 2.7.15

衡与墨
关注
专栏目录
java：静态web服务器（实现http）
03-23
java实现HTTP服务器，从浏览器返回两个int参数，实现加和，并返回结果在浏览器
golang搭建静态web服务器的实现方法
09-20
在Golang中搭建静态Web服务器是一项简单而实用的任务，它利用了Go标准库中的`net/http`包。这个包提供了一整套构建HTTP服务器所需的功能，包括处理HTTP请求和响应。在本文中，我们将深入探讨如何使用Golang来创建一...
Webserver
wanlongBian的博客
06-21 355
基于linux的多线程的高并发服务器开发
11、WEB-server
最新发布
2301_77428746的博客
07-03 607
目前最主流的三个Web服务器是Apache、Nginx、 IIS。- WEB服务器一般指网站服务器，可以向浏览器等Web客户端提供网站的访问，让全世界浏览。- WEB服务器也称为WWW(WORLD WIDE WEB) 服务器，主要功能是提供网上信息浏览服务。- WEB服务器是一种被动程序只有当Internet上运行其他计算机中的浏览器发出的请求时，服务器才会响应。
webserver
weixin_46767998的博客
04-16 134
webserver–mysql–stage–ods 一言以蔽之：WebService是一种跨编程语言和跨操作系统平台的远程调用技术。 在开发项目的过程中，需要调用别的公司提供的数据，这里我们就需要使用到webserver。 参考： 看WebService到底是什么 https://www.cnblogs.com/xdp-gacl/p/4048937.html 结构原理 https://blog.csdn.net/ostrichmyself/article/details/6393627 ...
Tiny-WebServer-master一个微web服务器, 纯c语言实现
07-08
总的来说，Tiny-WebServer-master是一个实用的学习工具，它展示了如何使用C语言实现一个简单的Web服务器，同时提供了深入研究网络编程和Web服务器架构的机会。无论是对个人学习还是团队项目，都具有很高的价值。
node-static-webserver:一个简单的静态文件Web服务器
05-21
一旦执行，它将在当前目录下提供一个Web服务器，你可以通过浏览器访问`http://localhost:8080`（默认端口）来查看和测试你的静态文件。如果需要更改默认端口，可以使用`webserver -p <port>`，将`<port>`替换为你...
HttpServer:一个使用C#编写的简易Web服务器
05-31
一个使用C#编写的简易Web服务器, 目前支持： 静态页面处理 :grinning_face_with_smiling_eyes: GET/POST请求 :grinning_face_with_smiling_eyes: 支持HTTPS协议 :grinning_face_with_smiling_eyes: 支持返回JSON :...
TinyWebServer：Linux下C ++轻量级Web服务器
01-30
TinyWebServer是一款基于C++...总结来说，TinyWebServer是一个适合学习和实践的C++ Web服务器项目，它涵盖了许多关键的系统编程和技术，对于想要深入理解Web服务器工作原理和C++编程的开发者来说，是一个宝贵的资源。
WebServer服务器
10-21
WebServer项目，简单版Tomcat 最终版本 如需下载，请私信
WebServer.zip
05-10
本地一键打开即可模拟服务器，即可在本地开发进行与服务器连接的调试，很方便的一个工具。
WebServer
F1186485056的博客
08-12 746
WebServer先安装相关插件，导入相应的jar包 相关插件：apache-tomcat-7.0.63-windows-x64 tomcatPluginV3 具体操作参照视频、或搜索相关教程创建Serverlet用来给前端提供数据，服务器的编码规则与网页不同，需要相应转换。index.html<!DOCTYPE html> <html> <head> <
Web Server
Agnes-井朝
12-10 2032
初步理解  Web server就是一台由各种编程语言建立起来提供网页的电脑，最常见的是通过Http协议传给客户端的网页浏览器。   另一方面也可以说这是一个提供网页的服务器程序。常见产品  · Apache软件基金会的Apache HTTP服务器   · Microsoft的Internet Information Server（IIS）   · Google的Google Web Serv
Webserver —— Web服务器
m0_52163529的博客
01-23 1043
通俗的讲，Web服务器传送(serves)页面使浏览器可以浏览，然而应用程序服务器提供的是客户端应用程序可以调用(call)的方法(methods)。确切一点，你可以说:Web服务器专门处理HTTP请求(request)，但是应用程序服务器是通过很多协议来为应用程序提供(serves)商业逻辑。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值