http请求过程数据展示方法及装置制造方法及图纸

一种http请求过程数据展示方法及装置，应用于第一服务器，所述方法包括：接收第二服务器的http请求过程数据；将所述http请求过程数据按照请求类型进行分类统计；将分类统计后的http请求过程数据通过socket连接发送至第一客户端页面，以供所述第一客户端页面展示。通过本发明专利技术实施例提供的方法及装置，解决了现有研发过程中http请求过程数据查看不便的问题，可以实现http请求过程数据可视展示，便于研发人员在网页开发过程对于http请求过程数据的查看，进而有助于研发人员可以快速查找页面接口的使用情况以及快速排查页面的接口异常，大大提升开发效率。大提升开发效率。大提升开发效率。

【技术实现步骤摘要】
http请求过程数据展示方法及装置


[0001]本专利技术涉及互联网
，具体而言，涉及一种http请求过程数据展示方法、装置、计算机可读存储介质及电子设备。

技术介绍

[0002]随着计算机技术的日益发展以及网页应用程序等的广泛应用，现有为提供更贴合用户需求的页面，需要对网页进行性能优化，并将进行性能优化后的页面进行渲染后，由浏览器展示给用户。服务端渲染(SSR)就是浏览器向服务器发出请求页面，服务端将准备好的模板和数据组装成完整的HTML返回给浏览器展示。由于SSR具有更利于搜索引擎优化(SEO)和更利于首屏渲染的优势，具有较为广泛的应用。
[0003]在开发Node SSR项目时，由于无法在浏览器中查看页面真实的http请求过程，开发工程师想要查看SSR页面所有接口的请求参数和响应参数，以及想要直观排查接口异常等问题，是非常困难的一件事情，只能需要大量的人力进行手动代码排查，从而带来开发工程师大量的时间成本。

技术实现思路

[0004]鉴于此，本专利技术提出了一种http请求过程数据展示方法及装置，以实现服务端本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种http请求过程数据展示方法，其特征在于，应用于第一服务器，所述方法包括：接收第二服务器的http请求过程数据；将所述http请求过程数据按照请求类型进行分类统计；将分类统计后的http请求过程数据通过socket连接发送至第一客户端页面，以供所述第一客户端页面展示。2.根据权利要求1所述的方法，其特征在于，所述socket连接采用如下方式建立：根据HTML5规范中的Websocket子规范的描述，通过Javascript建立第一客户端页面与第一服务器之间的socket长连接，用于实现所述第一客户端页面与所述第一服务器之间的通信。3.根据权利要求1所述的方法，其特征在于，所述http请求过程数据通过如下方式得到：第二服务器对http请求过程进行拦截分析，并将拦截分析后的数据作为http请求过程数据推送至第一服务器。4.根据权利要求3所述的方法，其特征在于，所述对http请求过程进行拦截分析，包括：拦截http请求，并获取所述http请求的响应结果；从所述http请求和所述响应结果中，提取与展示需求相对应的数据并进行封装。5.根据权利要求3所述的方法，其特征在于，所述将拦截分析后的数据作为http请求过程数据推送至第一服务器，包括：将拦截分析后的数据作为http请求过程数据以Ajax的形式推送至第一服务器。6.根据权利要求1所述的方法，其特征在于，所述方法还包括：响应于搜索请求，生成搜索界面以供第一客户端页面接收搜索信息；根据所接收到的搜索信息与展示数据进行匹配，获得搜索结果以供第一客户端页面突出显示。7.根据权利要求1
‑
6任一所述的方法，所述http请求过程数据包括：Host、URL、状态码、状态信息、请求参数、请求头、响应头和响应结果。8.根据权利要求1
‑
6任一所述的方法，所述请求类型包括：GET请求、POST请求、PUT请求、DELETE请求、HEAD请求、OPTIONS请求和TRACE请求。9.一种http请求过程数据展示方法，其特征在于，应用于第二服务器，所述方法包括：对http请求过程进行拦截分析；将拦截分析后的数据作为http请求过程数据推送至第一服务器，以供第一服务器将所述http请求过程数据按照请求类型进行分类统计，并将分类统计后的数据通过socket连接发送至第一客户端页面，以供所述第一客户端页面展示。10.根据权利要求9所述的方法，其特征在于，所述对http请求过程进行拦截分析，包括：拦截http请求，并获取所述http请求的响...

【专利技术属性】
技术研发人员：刘清阳，
申请(专利权)人：北京金堤科技有限公司，
类型：发明
国别省市：