基于HAR的脱离后台逻辑的Web系统演示方法及装置制造方法及图纸

技术编号:15500056 阅读:73 留言:0更新日期:2017-06-03 22:05
本发明专利技术公开了一种基于HAR的脱离后台逻辑的Web系统演示方法及装置,涉及面向浏览器端的Web开发领域。该方法包括:安装并运行已成功部署的Web系统,获取Web系统的访问地址并打开相应Web页面;在打开的Web页面中进行各项功能操作,使浏览器搜集功能操作中的HTTP传输过程信息;利用开发者工具,将HTTP传输过程信息保存为har文件;创建HTTP服务器套接字并将其设置为:每当收到浏览器请求时,就以保存的har文件作为数据源,循环执行har文件中的所有HTTP传输过程;最后将设置好的服务器套接字的地址绑定到本机地址,启动服务器进行演示。本发明专利技术避免了复杂的后台逻辑、繁重的数据库查询,降低了设备硬件要求,演示流畅性好。

Web system demonstration method and device for backing off logic based on HAR

The invention discloses a Web system demonstration method and a device based on HAR, which is separated from the background logic, and relates to the Web development field facing the browser terminal. The method includes: Web system installation and operation has been successfully deployed, the acquisition of the Web system access address and open the corresponding Web page; the function of operating in the open Web page, the browser collects the information transmission process of HTTP function in operation; the use of developer tools, HTTP information transmission process will save har file; create the HTTP server socket and set it to the browser: when receiving a request, to save the har file as the data source, executes all HTTP transfer process in the har file; finally set up a server socket address bound to the address of the machine, start the server demo. The invention avoids complicated background logic and heavy database inquiry, reduces equipment hardware requirements and demonstrates good fluency.

【技术实现步骤摘要】
基于HAR的脱离后台逻辑的Web系统演示方法及装置
本专利技术涉及面向浏览器端的Web开发领域,具体来讲是一种基于HAR的脱离后台逻辑的Web系统演示方法及装置。
技术介绍
随着Web技术的日益成熟,基于Web技术的招标项目也越来越多,而在Web项目的招标现场,演示Web系统就是投标者展示自己产品的首选方法。而演示的常见做法就是提前将整套Web系统程序部署在笔记本设备上,现场使用笔记本在浏览器中访问已部署好的Web系统,达到演示的目的。但实际操作中,这种做法并非万无一失。因为一个强大Web系统必然需要依赖数据库、缓存等组件,同时还有复杂的逻辑代码,这些往往对硬件有很高的要求,而笔记本性能往往比较差。当在浏览器里面演示的时候,由于Web后台需要较多的硬件资源,对应的浏览器可使用的硬件资源就大大降低,这样演示的时候浏览器就会出现卡顿、延时现象,从而影响演示的流畅性。而在招标现场,这种现象对于产品竞标是极其不利的。
技术实现思路
本专利技术的目的是为了克服上述
技术介绍
的不足,提供一种基于HAR的脱离后台逻辑的Web系统演示方法及装置,通过使用浏览器导出的har文件作为数据源来实现Web系统的演示,有效避免了复杂的后台逻辑、繁重的数据库查询,极大的降低了对演示设备的硬件要求,提高了演示的流畅性。为达到以上目的,本专利技术采取的技术方案是:提供一种基于HAR的脱离后台逻辑的Web系统演示方法,该方法包括以下步骤:安装并运行已成功部署的Web系统,获取Web系统的访问地址;根据Web系统的访问地址打开相应Web页面,并启动浏览器自带的开发者工具;在打开的Web页面中进行各项功能操作,使浏览器搜集各项功能操作中的各种HTTP传输过程信息;利用开发者工具,将浏览器搜集到的各种HTTP传输过程信息保存为har文件;创建HTTP服务器套接字,并将服务器套接字设置为:每当服务器套接字收到浏览器请求时,就以保存的har文件作为数据源,循环执行har文件中的所有HTTP传输过程,并将结果反馈给浏览器;将设置好的服务器套接字的地址绑定到本机地址,启动HTTP服务器进行演示;演示过程中,按照设置好的服务器套接字进行实现。本专利技术还提供一种实现上述方法的基于HAR的脱离后台逻辑的Web系统演示装置,该装置包括访问地址获取模块、Web页面打开模块、传输过程信息搜集模块、har文件生成模块、服务器套接字创建模块和Web演示实现模块。所述访问地址获取模块用于:在安装并运行已成功部署的Web系统后,获取Web系统的访问地址;所述Web页面打开模块用于:根据Web系统的访问地址打开相应Web页面,并启动浏览器自带的开发者工具;所述传输过程信息搜集模块用于:在打开的Web页面中进行各项功能操作,使浏览器搜集各项功能操作中的各种HTTP传输过程信息;所述har文件生成模块用于:利用开发者工具,将搜集到的各种HTTP传输过程信息保存为har文件;所述服务器套接字创建模块用于:创建HTTP服务器套接字,并将服务器套接字设置为:每当服务器套接字收到浏览器请求时,就以保存的har文件作为数据源,循环执行har文件中的所有HTTP传输过程,并将结果反馈给浏览器;所述Web演示实现模块用于:将设置好的服务器套接字的地址绑定到本机地址,启动HTTP服务器进行演示;演示过程中,按照设置好的服务器套接字进行实现。本专利技术的有益效果在于:本专利技术事先在打开的Web页面中进行各项功能操作,使浏览器搜集各项功能操作中的各种HTTP传输过程信息,利用开发者工具,将浏览器搜集到的各种HTTP传输过程信息保存为har文件;然后,将服务器套接字设置为每当服务器套接字收到浏览器请求时,就以har文件作为数据源,循环执行har文件中的所有HTTP传输过程,并将结果反馈给浏览器。当需要演示时,只需将设置好的服务器套接字的地址绑定到本机地址,启动HTTP服务器进行演示即可,演示过程中,会按照设置好的服务器套接字进行实现。相较传统的需要依赖大量数据库、缓存等组件的浏览器演示方式来说,本专利技术通过使用浏览器导出的har文件作为数据源来实现Web系统的演示,无需复杂的后台逻辑和繁重的数据库查询,仅需少量步骤即可达到Web系统演示目的,而且仅读取少量文件即可,对硬件性能要求极低,不会出现卡顿、延时现象,从而提高了演示的流畅性。附图说明图1为本专利技术实施例中基于HAR的脱离后台逻辑的Web系统演示方法的流程图;图2为本专利技术实施例中生成har文件的示意图;图3为本专利技术实施例中基于HAR的脱离后台逻辑的Web系统演示装置的结构框图。具体实施方式下面结合附图及具体实施例对本专利技术作进一步的详细描述。本专利技术中需要使用har文件,因此在这里对har文件进行一些解释说明。HAR是一种Web标准,它规定浏览器要详细的记录每次HTTP传输过程中发出的数据信息(包括请求头、请求体)和收到的数据信息(包括响应头、响应码、响应内容)。这些HTTP传输过程信息可以被导出/保存为后缀名为.har的JSON(JavaScriptObjectNotation,是一种轻量级的数据交换格式)格式文本文件,被导出/保存的文本文件即为har文件。本专利技术则通过使用浏览器导出的har文件作为数据源来实现本方案。具体来说,参见图1所示,本专利技术实施例提供一种基于HAR的脱离后台逻辑的Web系统演示方法,包括以下步骤:步骤S1:安装并运行已成功部署的Web系统,获取Web系统的访问地址,转入步骤S2。本实施例中,Web系统的访问地址为http://127.0.0.1:8000。步骤S2:通过在浏览器(例如,谷歌浏览器)的地址栏中输入所述Web系统的访问地址,打开相应Web页面;并启动浏览器自带的开发者工具,转入步骤S3。本实施例中,通过在谷歌浏览器的地址栏中输入http://127.0.0.1:8000打开相应Web页面。步骤S3:在打开的Web页面中进行各项功能操作,该功能操作覆盖到Web系统的每个功能,使浏览器搜集各项功能操作中的各种HTTP传输过程信息,转入步骤S4。可以理解的是,HTTP传输过程信息包括每次HTTP传输过程中发出的数据信息和收到的数据信息;其中,发出的数据信息包括请求头、请求体,收到的数据信息包括响应头、响应码和响应内容。步骤S4:利用开发者工具,将浏览器搜集到的各种HTTP传输过程信息保存为har文件,转入步骤S5。实际操作时,如图2所示,只需在开发者工具的“network”表项中选择“SaveasHARwithcontent”选项,就会弹窗提示保存文件,然后设置保存的文件名即可。例如,保存的har文件的文件名为HARFILE。步骤S5:创建HTTP服务器套接字,并将服务器套接字设置为:每当服务器套接字收到浏览器请求时,就以所述保存的har文件作为数据源,循环执行har文件中的所有HTTP传输过程,并将结果反馈给浏览器,转入步骤S6。进一步地,步骤S5中所述每当服务器套接字收到浏览器请求时,就以所述保存的har文件作为数据源,循环执行har文件中的所有HTTP传输过程,并将结果反馈给浏览器,具体包括以下操作:1)每当服务器套接字收到浏览器请求时,获取当前浏览器的请求路径和请求方法;实际操作中,当前浏览器的请求路径和请求方法可分别记本文档来自技高网...
基于HAR的脱离后台逻辑的Web系统演示方法及装置

【技术保护点】
一种基于HAR的脱离后台逻辑的Web系统演示方法,其特征在于,该方法包括以下步骤:安装并运行已成功部署的Web系统,获取Web系统的访问地址;根据Web系统的访问地址打开相应Web页面,并启动浏览器自带的开发者工具;在打开的Web页面中进行各项功能操作,使浏览器搜集各项功能操作中的各种HTTP传输过程信息;利用开发者工具,将浏览器搜集到的各种HTTP传输过程信息保存为har文件;创建HTTP服务器套接字,并将服务器套接字设置为:每当服务器套接字收到浏览器请求时,就以保存的har文件作为数据源,循环执行har文件中的所有HTTP传输过程,并将结果反馈给浏览器;将设置好的服务器套接字的地址绑定到本机地址,启动HTTP服务器进行演示;演示过程中,按照设置好的服务器套接字进行实现。

【技术特征摘要】
1.一种基于HAR的脱离后台逻辑的Web系统演示方法,其特征在于,该方法包括以下步骤:安装并运行已成功部署的Web系统,获取Web系统的访问地址;根据Web系统的访问地址打开相应Web页面,并启动浏览器自带的开发者工具;在打开的Web页面中进行各项功能操作,使浏览器搜集各项功能操作中的各种HTTP传输过程信息;利用开发者工具,将浏览器搜集到的各种HTTP传输过程信息保存为har文件;创建HTTP服务器套接字,并将服务器套接字设置为:每当服务器套接字收到浏览器请求时,就以保存的har文件作为数据源,循环执行har文件中的所有HTTP传输过程,并将结果反馈给浏览器;将设置好的服务器套接字的地址绑定到本机地址,启动HTTP服务器进行演示;演示过程中,按照设置好的服务器套接字进行实现。2.如权利要求1所述的基于HAR的脱离后台逻辑的Web系统演示方法,其特征在于:所述HTTP传输过程信息包括每次HTTP传输过程中发出的数据信息和收到的数据信息;其中,发出的数据信息包括请求头、请求体,收到的数据信息包括响应头、响应码和响应内容。3.如权利要求2所述的基于HAR的脱离后台逻辑的Web系统演示方法,其特征在于:所述每当服务器套接字收到浏览器请求时,就以保存的har文件作为数据源,循环执行har文件中的所有HTTP传输过程,并将结果反馈给浏览器,具体包括以下操作:1)每当服务器套接字收到浏览器请求时,获取当前浏览器的请求路径和请求方法;2)获取所述保存的har文件,将该文件内容解析为JSON对象;3)根据获取到的当前浏览器的请求路径和请求方法,循环执行解析的JSON对象的HTTP传输过程,并将结果反馈给浏览器。4.如权利要求3所述的基于HAR的脱离后台逻辑的Web系统演示方法,其特征在于:每次循环执行解析的JSON对象的HTTP传输过程,具体包括以下操作:301)获取当前传输过程的请求路径;获取当前传输过程的请求方法;获取当前传输过程的响应对象;302)判断浏览器的请求路径和请求方法是否分别与当前传输过程的请求路径和请求方法一致,若是,转入步骤303;否则,反馈错误信息给浏览器;303)返回当前传输过程的响应头、响应码和响应内容给浏览器。5.如权利要求1至4中任一项所述的基于HAR的脱离后台逻辑的Web系统演示方法,其特征在于:在打开的Web页面中进行各项功能操作时,所进行的各项功能操作覆盖到Web系统的每个功能。6.一种实现权利要求1所述方法的基于HAR的脱离后台逻辑的Web系统演示装置,其特征在于:该装置包...

【专利技术属性】
技术研发人员:张垚
申请(专利权)人:武汉噢易云计算股份有限公司
类型:发明
国别省市:湖北,42

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1