使用Streamlit构建一个web模拟HTTP请求工具

最新推荐文章于 2024-08-08 23:04:40 发布
最新推荐文章于 2024-08-08 23:04:40 发布
阅读量5 收藏
点赞数
文章标签： 前端 http 网络协议
原文链接：https://blog.csdn.net/weixin_72543266/article/details/140980449
版权

目录

前言

HTTP工具功能点：

1. 导入库:

 2.设置页面配置:

3. Markdown格式的说明文本:

4.用户输入界面:

5. 发送请求按钮和逻辑:

6.发送HTTP请求并计算请求细节:

7.总结

 

前言

        最初就是因为在微信看到一篇文章中,看到此http工具的制作因为觉得Streamlit有无限开的可能,对于快速构建安全工具有着极大的便利,下面对此工具进行学习一番

        下面是这个工具的web界面展示,功能是可以通过填入请求的url地址,然后选择不同的请求方式,并填入请求体,最后发送请求,达到返回json格式信息的效果

HTTP工具功能点：

  1. 发送HTTP请求：用户输入请求URL、请求方法和请求头信息，工具对请求进行封装后发送HTTP请求。
  2. 查看响应结果：工具接收到服务器响应后，将响应结果展示给用户以便于查看。
  3. 关注请求细节：用户可以查看请求发送的细节信息，包括请求发送时间、请求耗时、请求大小等。

1. 导入库:

        导入所需的Python库：requests用于发送HTTP请求，streamlit用于构建Web应用界面，datetime用于获取时间戳(处理请求的以及响应时间等)，json用于处理JSON数据(返回和请求体的数据格式为json)。


   
   
  1. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
       # 模拟HTTP请求工具
      
      
    
     
     
  2. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
       import requests 
       
       # type: ignore
      
      
    
     
     
  3. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
       import streamlit 
       
       as st 
       
       # type: ignore
      
      
    
     
     
  4. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
       import datetime
      
      
    
     
     
  5. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
       import json

 2.设置页面配置:

        下面是Streamlit构建web应用使用的语法其中st.set_page_config用于设置title标题和在tiitle部分的一个图标。使用st.title设置如上图所示的页面的主标题。


   
   
  1. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
       st.set_page_config(page_title=
       
       "HTTP请求模拟工具", page_icon=
       
       "🚀")
      
      
    
     
     
  2. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
       st.title(
       
       "HTTP请求模拟工具")

3. Markdown格式的说明文本:

        下面也是使用Streamlit构建web应用使用的语法,将内部的信息通过markdown语法格式展示的文本,将其按照markdown格式显示在web页面上,如果不懂Markdown可以在csdn的技能树学习一下,个人感觉对于入们和使用还是不错的


   
   
  1. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
       st.markdown(
       
       """
      
      
    
     
     
  2. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           ---
      
      
    
     
     
  3. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           ### 功能点：
      
      
    
     
     
  4. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           1. 发送HTTP请求：用户输入请求URL、请求方法和请求头信息，工具对请求进行封装后发送HTTP请求。
      
      
    
     
     
  5. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           2. 查看响应结果：工具接收到服务器响应后，将响应结果展示给用户以便于查看。
      
      
    
     
     
  6. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           3. 关注请求细节：用户可以查看请求发送的细节信息，包括请求发送时间、请求耗时、请求大小等。
      
      
    
     
     
  7. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           ---
      
      
    
     
     
  8. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           """)

 

4.用户输入界面:

        构建web的语法,先是通过st.text_input创建一个可以输入请求url的输入框,其中value为指定默认第一请求的值,而其中"请输入**请求的URL地址:**"中的**是代表markdown中加粗字体的语法,然后通过st.selectbox创建一个可以选择请求方式的单选框,用作选择请求方式


   
   
  1. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
       url = st.text_input(
       
       "请输入**请求的URL地址:**",value=
       
       "https://e.weather.com.cn/p/site/aqifc1h?areaid=101010300")
      
      
    
     
     
  2. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
       method = st.selectbox(
       
       "请求方式", [
       
       "GET", 
       
       "POST", 
       
       "PUT", 
       
       "DELETE"])
      
      
    
     
     
  3. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
       headers = st.text_input(
       
       "请求头信息")

 

5. 发送请求按钮和逻辑:

        下面和python代码有些不不同,但是如果看过之前Streamlit的基础概念的师傅就知道下面是什么意思了,其中st.button("发送请求") 其中是将发送请求作为参数传入作为按钮显示的文字,而点击后,便会传入true值,执行下面的if headers的代码,其中当你指定请求头后,点击按钮通过eval方法会将输入的请求头转为字典格式,错误的话便会在页面显示如下提示的错误信息,并将headers设置为None


   
   
  1. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
       if st.button(
       
       "发送请求"):
      
      
    
     
     
  2. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
        
       
       if headers:
      
      
    
     
     
  3. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
            
       
       try:
      
      
    
     
     
  4. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
                
       
       eval(headers)
      
      
    
     
     
  5. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
            
       
       except  Exception 
       
       as e:
      
      
    
     
     
  6. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
                   st.error(
       
       "请求头信息格式有误，请确认输入的是字典格式，例如：{'key1': 'value1', 'key2': 'value2'}")
      
      
    
     
     
  7. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
                   headers ==
       
       None
      
      
    
     
     
  8. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
        
       
       else:
      
      
    
     
     
  9. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
               headers = 
       
       None

6.发送HTTP请求并计算请求细节:

下面就是python中的一些基本语法以及Streamlit构建web应用的一些语法了

学习过python爬虫以及看过之前我写的Streamlit的文章的的话,下面内容便很容易理解了

        其中下面就类似于java中的try-catch语句,作用就是执行代码并抛出异常(捕获可能发生的异常),如果出现错误,便会出现如下信息

        先是通过time模块中的语法,来获取请求前以及请求后的时间,并将其计算,算出此次请求的时间并展示到页面, 其次就是中间两次计时之前,使用了request库中的请求,将之前填入的url,包括请求方式,以及请求头信息传入,并将响应信息传给变量reponse 获取响应报文长度,然后将请求细节的一些信息,通过模板字符串的形式传入,并通过st.write()显示到页面上

        最后将响应结果信息,先是通过json库,将响应的报文信息转为json格式,并以json格式显示在页面上,如果无法转为json格式,便以文本格式展示到页面上


   
   
  1. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
       try:
      
      
    
     
     
  2. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           start_time = datetime.datetime.now()
      
      
    
     
     
  3. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           response = requests.request(method=method,url=url, headers=headers,timeout=
       
       5)
      
      
    
     
     
  4. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           end_time = datetime.datetime.now()
      
      
    
     
     
  5. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           time_count= (end_time - start_time).total_seconds()
      
      
    
     
     
  6. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           size= 
       
       len(response.content)
      
      
    
     
     
  7. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           st.subheader(
       
       "请求细节：")
      
      
    
     
     
  8. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           st.write(
       
       f"请求方法：{method}")
      
      
    
     
     
  9. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           st.write(
       
       f"请求URL：{url}")
      
      
    
     
     
  10. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           st.write(
       
       f"请求头：{headers}")
      
      
    
     
     
  11. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           st.write(
       
       f"请求发送时间：{start_time}")
      
      
    
     
     
  12. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           st.write(
       
       f"请求耗时：{time_count}")
      
      
    
     
     
  13. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           st.write(
       
       f"请求大小：{size} bytes")
      
      
    
     
     
  14. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           st.subheader(
       
       "响应结果：")
      
      
    
     
     
  15. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
        
       
       try:
      
      
    
     
     
  16. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
               pretty_json = json.loads(response.text)
      
      
    
     
     
  17. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
               st.json(pretty_json)
      
      
    
     
     
  18. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
        
       
       except:
      
      
    
     
     
  19. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
               st.text(response.text)
      
      
    
     
     
  20. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
       except Exception 
       
       as e:
      
      
    
     
     
  21. 
     
     
    
      
      
    
     
     
    
     
     
    
      
      
    
       
           st.error(
       
       f"请求发送失败：{e}")

返回并设置为成功设置为JSON格式的信息

 无法设置为Json格式响应信息为文本格式

7.总结

        总的来说,这个工具的开发作者通过结合python与Streamlit还是写出了一个很不错的http工具的,但是还是出现例如无法在post请求或是get请求下输入josn格式的请求报文信息,对与安全测试人员来说还是存在一定的不便利的,后续自己会在这个基础上对其进一步开发使其可以进行灵活请求并测试数据

暖阳浅笑-嘿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Streamlit-try:使用streamlit和python构建Web应用程序
03-19
这个"Streamlit-try"项目很可能是为了演示如何利用Streamlit的特性来构建一个Web应用。下面，我们将深入探讨Streamlit的核心概念、功能以及如何使用Python与之结合。 Streamlit的工作原理是将Python代码直接转化为...
python-streamlit-apps:使用Python和Streamlit的Web应用
03-28
:telescope: 呈现的应用程序只是如何使用机器学习，python和streamlit组合端到端Web应用程序的几个示例。 您随时可以添加您的想法来改进当前的应用程序。 :people_with_bunny_ears: 欢迎提出要求和提出新的协作...
Python Streamlit 360全景照片 Web
06-19
Python Streamlit 360全景照片 Web端应用 采用Penellum JS 全景照片库， 可嵌入腾讯云或阿里云对象存储图片 采用Streamlit库作为web前端
Streamlit — 构建自定义ML工具的最快方法-python
06-18
欢迎使用 Streamlit :waving_hand: 构建数据应用程序的最快方式。 Streamlit 允许您使用看似简单的 Python 脚本为机器学习项目创建应用程序。 它支持热重载，因此您的应用程序会在您编辑和保存文件时实时更新。 无需...
StockPredict:使用streamlit进行股票预测的Web应用程序
03-15
使用部署在Heroku上的LSTM神经网络应用程序进行库存预测的Web应用程序 部署的Web应用程序位于 该Web应用程序是使用以下库在Python中构建的： 流线型 大熊猫 麻木 scikit学习 阴谋地 来自* yfinance的数据
ASP.NET Core Web API 使用Autofac框架
鲤籽鲲的博客
08-08 222
ASP.NET Core Web API 使用Autofac框架
Element学习（布局组件、案例操作）（4）
最新发布
m0_74363339的博客
08-08 136
value：表示输入的值，提交表单后传给服务器的值——>"男"表示1，"女"表示2。定义数据模型时，对象要使用大括号。像这里searchForm: {....}3、这一步之后的效果展示（只是空有一个布局——>目前还没有任何的内容）2、找到这种布局对应的代码（复制——>粘贴到标签<div>中）5、 在主展示区域的上方添加"员工查询"的（且独占一行）表单。还有一个当点击"查询"按钮时，会触发一个方法，也要去声明。7、给表格增加一个边框——>加入border属性即可。6、日期选择器——>(官网中组件中找)
文章相关接口
qq_74474809的博客
08-03 295
跟着黑马程序员学习SpringBoot3+Vue3
小程序支付（前端）
weixin_43993121的博客
08-05 436
【代码】小程序支付（前端）
【Web】TFCCTF 2024 部分题解
uuzeray的博客
08-04 734
但是因为strtok代码本身存在错误，当传入的string末尾为:时，会传入none进token，继而让internal server error，从而重启服务，这样就可以将事先写入app/templates下的模板文件注册。这时候再审计代码，可以发现当/login路由查表成功，会调strtok去分割数据，再写入User返回。提示打SSRF，但限制死了前缀要是http://google.com/修改后，再以admin/123:登录，此时服务会报错，刷新即可重启服务。多了一个/，便不能用@绕过。
vuex知识
qq_16570607的博客
08-04 400
将getMoviesRankingInDouban的action用promise包装一下, 在此次请求结束后, 根据此次请求返回的电影的id, 根据id再次请求电影的信息。数据请求,在action中, 根据传入的参数(数字1-250)异步请求电影数据, 在请求完成后提交mutation。例子：在action中, 根据传入的参数(数字1-250)异步请求电影数据, 在请求完成后提交mutation。状态更改,在mutation中,将查询的结果(传入的参数), 赋值给state中声明的变量。
我们的前端开发逆天了！1 小时搞定了新网站，还跟我说 “不要钱”
努力做最接地气的编程干货分享，感谢关注
07-29 2983
本文将带你了解一个新的 Web 框架 **Astro**，并手把手带你使用 Astro 搭建一个属于自己的站点，用过的都说真香！
【React】实现输入框切换
坚强的泡沫的博客
08-08 235
【React】实现输入框切换
linux安装weblogic
m0_46400195的博客
08-05 811
域文件位置就是python文件中设置的，位置（cd /root/web/weblogic/softWare/projects/doamins/testDomain）（以自己python为主）想要启动weblogic 12版本及以后都需要去oracle_common目录下配合启动脚本进行服务器启动。weblogic不允许root用户进行安装，所以要提前创建weblogic用户来进行安装。例如：http://192.168.0.143:7001/console。用户名：启动weblogic的用户名。
正则采集器之六——商品管理
简单，坚持
08-05 417
本文是项目实践文章"正则采集器"之五"商品管理"，后端采用框架SpringBoot，前端采用框架vue3-element-admin。
Java实现抓包并将数据呈现到前端
LB_bei的博客
08-05 304
环境：windows10、jdk17、springboot3需求分析，首先需要对本地某个端口进行抓包，然后用websocket将数据传到前端。
java 表单避免重复提交？
08-05 1212
只有一个针对锁的获取：acquiretryAcquire传入信息。至于锁的释放，则交给实现者自己实现。首先，我们定义一个注解。/***//*** 缓存实现策略* @return 实现*/Class<?/*** key 生成策略* @return 生成策略*/Class<?/*** 密匙生成策略* @return 生成策略*/Class<?/*** 存活时间* 单位：秒* @return 时间*//*** 启用注解*/
c# 使用异步函数实现线程的功能
MaggieWon
08-07 177
c#程序执行时 想要拖动窗口 需要使用线程,但是使用线程 对操作前端窗体很不友好.所以写了一个异步函数,网上搜了一下,貌似异步函数比线程 更加友好,更加现代。做这个功能的原因是 主要是想等程序执行完 走一个提示.用线程很难做到。
Web前端开发具有哪些特点？
weixin_54503231的博客
08-07 196
Web前端开发是基于浏览器的技术，能够在不同的操作系统和设备上运行，实现跨平台的兼容性。前端技术可以通过JavaScript等技术实现丰富的交互效果，如响应用户的点击、表单验证、页面动画等，这些交互特性增强了用户对网页的体验。前端开发可以实现响应式网站，这种网站可以根据不同的终端设备进行内容的布局调整，无需为不同设备开发不同版本的网站，从而降低了开发成本。随着前后端分离的开发模式逐渐成为趋势，前端开发需要更加独立地完成用户界面和交互的开发，但同时也需要与后端开发人员紧密配合，确保数据的正确传输和显示。
vue前端通过权限控制显示数据列vue2 vue3
ci2011ss的专栏
08-08 65
【代码】vue前端通过权限控制显示数据列vue2 vue3。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值