首页 > 其他分享 >手写web框架

手写web框架

时间:2024-02-27 22:02:50浏览次数:29  
标签:web 请求 框架 get Accept server 手写 数据 response

重新认识HTTP

http请求报文包含三个部分(请求行 + 请求头 + 请求体)

请求行

请求行包含三个内容: method + request-URI + http-version

-- 例如
GET /icwork/? Search = product HTTP/1.1

请求方法

请求方法 作用
get 通过请求URI获得资源
post 用于添加新的资源,用于表单提交
put 用于修改某个内容
delete 删除某个内容
connect 用于代理进行传输例如SSL
options 询问可以执行那些方法
patch 部分文档更该
propfind 查看属性
proppatch 设置属性
mkcol 创建集合
copy 拷贝
move 移动
lock 加锁
unlock 解锁
trace 用于远程诊断服务器
head 类似于get,用于检查对象是否存在用于得到元数据

get方法和post方法

get方法

是在url中说明情请求的资源,比如https://www.baidu.com/con?from=self?_t=1466609839126 其中?后的数据就是请求的数据,并且连接用&,get方法也可以提交表单数据,但是提交的数据在url中,其他人可以通过查看历史记录中的url来获取你提交的数据,这样很不安全

post方法

传输数据不在url中,而在数据段中出现,并且请求头多了Content-Type 和 Content-Length,post提交表单数据的时候比get方法更安全

post方法提交表单和get方法提交表单相比较

  1. get明文传输,信息附加在url上面,get明文传输,post更加安全
  2. get传输有大小限制,应该是3k,post需要制定传输类型
  3. get多用于获取数据,根据get变量的不同调用不同的数据,post多用于提交数据,提交用户输入的数据

get方法和post方法区别

Get是向服务器发索取数据的一种请求,而Post是向服务器提交数据的一种请求
Get是获取信息,而不是修改信息,类似数据库查询功能一样,数据不会被修改
Get请求的参数会跟在url后进行传递,请求的数据会附在URL之后,以?分割URL和传输数据,参数之间以&相连,%XX中的XX为该符号以16进制表示的ASCII,如果数据是英文字母/数字,原样发送,如果是空格,转换为+,如果是中文/其他字符,则直接把字符串用BASE64加密。
Get传输的数据有大小限制,因为GET是通过URL提交数据,那么GET可提交的数据量就跟URL的长度有直接关系了,不同的浏览器对URL的长度的限制是不同的。
GET请求的数据会被浏览器缓存起来,用户名和密码将明文出现在URL上,其他人可以查到历史浏览记录,数据不太安全。在服务器端,用Request.QueryString来获取Get方式提交来的数据
Post请求则作为http消息的实际内容发送给web服务器,数据放置在请求体中,Post没有限制提交的数据。Post比Get安全,当数据是中文或者不敏感的数据,则用get,因为使用get,参数会显示在地址,对于敏感数据和不是中文字符的数据,则用post
POST表示可能修改变服务器上的资源的请求,在服务器端,用Post方式提交的数据只能用Request.Form来获取

请求头

请求头成分

Accept:指浏览器或其他客户可以接爱的MIME文件格式。Servlet可以根据它判断并返回适当的文件格式。
User-Agent:是客户浏览器名称
Host:对应网址URL中的Web名称和端口号。
Accept-Langeuage:指出浏览器可以接受的语言种类,如en或en-us,指英语。
connection:用来告诉服务器是否可以维持固定的HTTP连接。http是无连接的,HTTP/1.1使用Keep-Alive为默认值,这样,当浏览器需要多个文件时(比如一个HTML文件和相关的图形文件),不需要每次都建立连
Cookie:浏览器用这个属性向服务器发送Cookie。Cookie是在浏览器中寄存的小型数据体,它可以记载和服务器相关的用户信息,也可以用来实现会话功能。
Referer:表明产生请求的网页URL。如比从网页/icconcept/index.jsp中点击一个链接到网页/icwork/search,在向服务器发送的GET/icwork/search中的请求中,Referer是http://hostname:8080/icconcept/index.jsp。这个属性可以用来跟踪Web请求是从什么网站来的。
User-Agent:是客户浏览器名称。
Content-Type:用来表名request的内容类型。可以用HttpServletRequest的getContentType()方法取得。
Accept-Charset:指出浏览器可以接受的字符编码。英文浏览器的默认值是ISO-8859-1.
Accept-Encoding:指出浏览器可以接受的编码方式。编码方式不同于文件格式,它是为了压缩文件并加速文件传递速度。浏览器在接收到Web响应之后先解码,然后再检查文件格式。

get方法请求头

Accept:image/webp,image/*,*/*;q=0.8
Accept-Encoding:gzip, deflate, sdch, br
Accept-Language:en-US,en;q=0.8
Connection:keep-alive
Cookie:PSTM=1466499789; BAIDUID=D3A617EE01FFA9DB9B7E3E5F0D3A01EE:FG=1; BIDUPSID=4AA34EC11075CB66B8BC9792DD422B6F; BDUSS=VCc1M0cVQtYnFGfmxTUW5kVTUydnBZUmhiWFRXbnRlMnpIdWV2ODVxNHZ1WkZYQVFBQUFBJCQAAAAAAAAAAAEAAADkEA1ZtPO3rMfRt6zH0cfRAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC8salcvLGpXdz; BD_HOME=1; BD_UPN=123353; BDRCVFR[feWj1Vr5u3D]=I67x6TjHwwYf0; BD_CK_SAM=1; H_PS_PSSID=19292_18286_1458_20318_18241_20369_17942_20388_19690_20417_18560_17001_15560_12277_20253; BDSVRTM=0
Host:www.baidu.com
Referer:https://www.baidu.com/s?wd=http%20%E8%AF%B7%E6%B1%82%E6%95%B0%E6%8D%AE%E7%9A%84%E6%95%B0%E6%8D%AE%E5%8C%85%E6%A0%BC%E5%BC%8F&rsv_spt=1&rsv_iqid=0x9b746a8000022af9&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&rqlang=cn&tn=baiduhome_pg&rsv_enter=1&oq=http%20%E8%AF%B7%E6%B1%82%E6%96%B9%E5%BC%8Fpost%20url%E6%A0%BC%E5%BC%8F&rsv_t=59fb7cEn5xgK8JFpqQ7F7coy6k6dn5sGpEMj1cDM4oMoy0TGArJ2l3fxOqy6F9lXoqoi&inputT=7936&rsv_pq=ca5859d100027005&rsv_sug3=73&rsv_sug1=12&rsv_sug7=100&rsv_sug2=0&rsv_sug4=32020
User-Agent:Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.79 Safari/537.36

post方法请求头

Accept:*/*
Accept-Encoding:gzip, deflate, br
Accept-Language:en-US,en;q=0.8
Authorization:Basic WkEtMTE0MjcyNjAyMDY=
Connection:keep-alive
Content-Length:666
Content-Type:application/json
Host:zhihu-web-analytics.zhihu.com
Origin:http://www.zhihu.com
Referer:http://www.zhihu.com/question/41690822
User-Agent:Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.79 Safari/537.36
Request Payload
view source

相比之下多了content-Type 和 Content-Length

Content-Type:表示的是请求报文体的 MIME 类型

注:GET的请求消息体是空的 所以不需要指定消息体的MIME类型

Content-Length:表示的是 post的数据的长度

举例说明

1 GET/sample.jspHTTP/1.1
2 Accept:image/gif.image/jpeg,*/*
3 Accept-Language:zh-cn
4 Connection:Keep-Alive
5 Host:localhost
6 User-Agent:Mozila/4.0(compatible;MSIE5.01;Window NT5.0)
7 Accept-Encoding:gzip,deflate
8  
9 username=ccsvip&password=1234

第一行为http请求行,包含方法,URI 和http版本

1-7为请求头,包含浏览器,主机,接受的编码方式和压缩方式

第8行表示一个空行 表示请求头结束 这个空行是必须的

第9行是数据体,比如是需要查询的信息。

请求体

http响应由三个部分组成分别是状态行,响应头,响应正文

状态行

状态行是由:HTTP-Version + Status-Code + Reason-Phrase

比如:HTTP/1.1 200 ok
分别表示:http版本 + 状态码 + 状态代码的文本描述

响应状态码

状态码类型 表达意义
1xx 指示信息–表示请求已接收,继续处理
2xx 成功–表示请求已被成功接收、理解、接受
3xx 重定向–要完成请求必须进行更进一步的操作。
4xx 客户端错误–请求有语法错误或请求无法实现。
5xx 服务器端错误–服务器未能实现合法的请求。

响应头

响应头:包含服务器类型,日期,长度,内容类型等

Server:Apache Tomcat/5.0.12
Date:Mon,6Oct2003 13:13:33 GMT
Content-Type:text/html
Last-Moified:Mon,6 Oct 2003 13:23:42 GMT
Content-Length:112

响应正文

响应正文响应正文就是服务器返回的HTML页面,HTTP响应头与响应正文之间也必须以空行分隔

正文部分的MIME类型:HTTP请求及响应的正文部分可以是任意格式的数据,如何保证接收方能看得懂发送方发送的正文数据呢?HTTP协议采用MIME协议来规范正文的数据格式。

文件扩展名 MIME类型
.bin .exe .o .a .z application/octet-stream
.pdf application/pdf
.zip application/zip
.tar application/x-tar
.gif image/gif
.jpg .jpeg image/jpeg
.htm .html text/html
.text .c .h .txt .java text/plain
.mpg .mpeg video/mpeg
.xml application/xml
表单上传文件 multipart/form-data
<form>标签的enctype属性:用于指定表单数据的MIME类型,取值为multipart/form-data,表示表单数据为复合类型的数据,包含多个子部分。

手写一个web框架

如果需要响应中文字符,需要按下面的格式

f'HTTP/1.1 200 OK\r\nContent-Type: text/plain; charset=utf-8\r\n\r\n{response_body}'

浏览器作为客户端进行

第一版

from socket import *

while True:
    server = socket()
    PORT = 8080
    IP = 'localhost'
    server.setsockopt(SOL_SOCKET, SO_REUSEADDR, 1)
    server.bind((IP, PORT))
    server.listen()
    conn, addr = server.accept()
    try:
        content = conn.recv(1024)
        print(f"收到来自客户端的消息:\n{content.decode()}")
        response_body = "这是来自服务端的消息,你好,我是小满!"
        response = f'HTTP/1.1 200 OK\r\nContent-Type: text/plain; charset=utf-8\r\n\r\n{response_body}'
        conn.send(response.encode())
    finally:
        conn.close()
        server.close()

第二版

基于不同的路径地址返回不同的结果

from socket import *

while True:
    server = socket()
    PORT = 8080
    IP = 'localhost'
    server.setsockopt(SOL_SOCKET, SO_REUSEADDR, 1)
    server.bind((IP, PORT))
    server.listen()
    conn, addr = server.accept()
    try:
        content = conn.recv(1024).decode()
        print(f"收到来自客户端的消息:\n{content}")
        # 获取到请求的路径
        path = content.split()[1]
        if path == '/login':
            response_body = "你好小满,我是服务器!"
        elif path == "/register":
            response_body = "小满,您已经成功注册"
        else:
            response_body = "404 Error"
        response = f'HTTP/1.1 200 OK\r\nContent-Type: text/plain; charset=utf-8\r\n\r\n{response_body}'
        conn.send(response.encode())
    finally:
        conn.close()
        server.close()

打印请求信息

GET /login HTTP/1.1
Host: 127.0.0.1:8080
Connection: keep-alive
Cache-Control: max-age=0
sec-ch-ua: "Chromium";v="122", "Not(A:Brand";v="24", "Google Chrome";v="122"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Windows"
DNT: 1
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
Sec-Fetch-Site: none
Sec-Fetch-Mode: navigate
Sec-Fetch-User: ?1
Sec-Fetch-Dest: document
Accept-Encoding: gzip, deflate, br, zstd
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8

第三版

基于wsgiref模块搭建web框架,不需要自己手写,这个模块是python自带的模块,直接使用就行了。

from wsgiref import simple_server


def register():
    return '小满,您已经注册成功啦!'


def login():
    return '你好!小满,您已经成功登录啦!'


def other():
    return '404 page not found'


path_dict = {
    '/login': login,
    '/register': register
}


def run(request, response):
    """
    :param request: 请求相关的数据
    :param response: 响应相关的数据
    :return: 返回给客户端的展示数据
    """
    # request 得到的是客户端发送来的字典数据
    # 路径存放在这个字典的  PATH_INFO  这个键里面,我们把它取到就可以根据不同路径进行不同的处理了
    path = request.get('PATH_INFO')

    # 此处是固定的写法,不需要纠结
    # 列表内如果不这样写,中文会乱码的
    response('200 OK', [('Content-Type', 'text/plain; charset=utf-8')])

    try:
        if path in path_dict:
            data = path_dict[path]()
            return [data.encode()]
        else:
            return [other().encode()]
    except KeyboardInterrupt:
        return ['服务器已断开连接'.encode()]


if __name__ == '__main__':
    IP = '127.0.0.1'
    PORT = 8088
    server = simple_server.make_server(IP, PORT, run)
    print('\033[31m服务器已建立,等待客户端连接中。。\033[0m')
    server.serve_forever()

第四版

模块化,在当前项目创建两个文件夹urlsviews

urls:存放功能函数字典,字典里面存放客户端请求的对应路径,以及路径运行的处理函数内存地址

views:路径对应的功能函数,即业务逻辑的编写

# urls.py
import views


path_dict = {
    '/login': views.login,
    '/register': views.register
}
# views.py
def register():
    return '小满,您已经注册成功啦!'


def login():
    return '你好!小满,您已经成功登录啦!'


def other():
    return '404 page not found'

# 主函数
from wsgiref import simple_server
import views
import urls


def run(request, response):
    path = request.get('PATH_INFO')
    response('200 OK', [('Content-Type', 'text/plain; charset=utf-8')])

    try:
        if path in urls.path_dict:
            data = urls.path_dict[path]()
            return [data.encode()]
        else:
            return [views.other().encode()]
    except KeyboardInterrupt:
        return ['服务器已断开连接'.encode()]


if __name__ == '__main__':
    IP = '127.0.0.1'
    PORT = 8088
    server = simple_server.make_server(IP, PORT, run)
    print('\033[31m服务器已建立,等待客户端连接中。。\033[0m')
    server.serve_forever()

遇到的问题

第四版已经很好了,不过可能会频繁的使用到不同的html页面

模块优化

templates文件夹

为了避免文件类型的混乱 单独开设一个文件夹存储应用程序的 HTML 模板文件,这个文件夹就是templates

这些模板文件包含了应用程序的页面结构、布局和内容,使开发者能够更好地组织和维护页面。

static文件夹

static 文件夹通常用于存放静态资源文件,如 CSS 样式表、JavaScript 脚本文件、图像等。这些静态资源文件不会被您所使用的框架渲染,而是直接提供给浏览器以加载和显示页面。

通过将 HTML 模板文件放置在 templates 文件夹、静态资源文件放置在 static 文件夹,可以使框架应用更加清晰地组织和管理页面结构和静态资源,便于开发和维护。

标签:web,请求,框架,get,Accept,server,手写,数据,response
From: https://www.cnblogs.com/ccsvip/p/18038497

相关文章

  • 框架和MVC架构
    网络框架及MVC架构网络框架所谓网络框架是指这样的一组Python包,它能够使开发者专注于网站应用业务逻辑的开发,而无须处理网络应用底层的协议、线程、进程等方面。这样能大大提高开发者的工作效率,同时提高网络应用程序的质量。在目前Python语言的几十个开发框架中,几乎所有的全栈......
  • 1-Django框架简介以及基本操作
    安装注意:安装的磁盘目录,以及后续通过Django创建目录的时候,不要出现中文,否则会出现预料之外的错误建议:禁止套娃,即不要在A项目中创建B项目#如果不指定版本号,默认最新版pipinstalldjango#如果要指定版本,使用==版本号pipinstalldjango==3.2.12查看是否安装成功可......
  • CTFHUB-web-信息泄露-目录遍历
    开启靶场http://challenge-a4aa9ff53d890618.sandbox.ctfhub.com:10800/查看此处源代码,没有发现有用信息点击开始寻找flag挨个点几个目录寻找flag在目录1/2下发现了flag提交一手,直接成功。可以参考此链接(纯小白,无教程思路有限)https://www.cnblogs.com/quail2333/p/12......
  • CTFHUB-web-信息泄露-PHPINFO
    开启题目访问只有这一个页面,看一下flag在没在页面里信息发现:https://www.cnblogs.com/Cl0ud/p/15999347.html系统版本信息配置文件位置allow_url_fopen&allow_url_include文件包含必看选项之一,如果allow_url_fopen和allow_url_include都为On的时候,则文件包含函数......
  • 纯手撸web框架
    纯手撸web框架(1)纯手撸#encoding:utf8#author:heart#blog_url:https://www.cnblogs.com/ssrheart/#time:2024/2/26importsocketserver=socket.socket()server.bind(('127.0.0.1',8080))server.listen(5)whileTrue:conn,addr=server.a......
  • 【soap】idea生成WebServices接口
    目录1.创建接口2.生成wsdl文件3.在soapUI中,生成6个文件4.将生成的文件拷贝到工程中5.在service-config中注册服务1.创建接口新建一个webServices工程,按照接口规范生成接口、请求类、响应类。注意:(请求响应的实体中添加基本属性及get/set方法、满参构造、空参构造)//此接口与下方......
  • Qt 常见数据结构详解:从基本框架到实际应用
    在Qt框架中,数据结构的选择对于提高代码效率和性能至关重要。正确地使用数据结构可以显著提高应用程序的效率和响应速度。下面我们将详细介绍Qt中常见的几种数据结构,包括QString、QList、QVector、QMap、QHash、QSet和QPair。1.QStringQString是Qt中用于处理字符串的类。......
  • ssts-hospital-web-master项目实战记录二十六:项目迁移-Hook实现(usCountdown)
    记录时间:2024-02-27记录时间:2024-02-26一、useCountdown模块实现hooks/useCountdown.tsimport{ref,onUnmounted}from'vue'exportfunctionuseCountdown(initialSeconds:number){ constcounter=ref(initialSeconds) letinterval:ReturnType<typeof......
  • 【内容管理及平台建设】上海道宁为您提供全媒体信息管理平台——WebFuture
     在数字化、智能化的浪潮下我们的生活和工作方式正在经历前所未有的变革  动易软件是综合性软件平台更是一种全新的生活和工作方式为客户提供互联网内容管理移动互联网内容管理全媒体内容管理的平台建设及技术服务  PART01:开发商......
  • PC端web通过自定义协议唤起应用
    写注册表调用WindowsRegistryEditorVersion5.00[HKEY_CURRENT_USER\Software\Classes\test]@="URL:TestProtocol"[HKEY_CURRENT_USER\Software\Classes\test\shell][HKEY_CURRENT_USER\Software\Classes\test\shell\open][HKEY_CURRENT_USER\......