前端开发页面的调试方法、装置、设备及存储介质制造方法及图纸

本申请提出了一种前端开发页面的调试方法、装置、设备及存储介质，其中，方法包括：通过监听前端开发页面的接口调用请求，其中，接口调用请求包括：待调用接口的标识；获取与标识对应的本地数据存储路径，根据本地设备的IP地址以及页面服务端口获取本地数据存储路径下的存储数据，根据存储数据对前端开发页面进行调试。由此，代理后端服务根据本地数据存储路径下的存储数据对前端开发页面进行调试，无需调用后端存储的数据，相较于现有技术中后端开发完成后才能对前端开发页面进行调试，提高了前端调试的效率。前端调试的效率。前端调试的效率。

【技术实现步骤摘要】
前端开发页面的调试方法、装置、设备及存储介质


[0001]本申请涉及计算机
，尤其涉及一种前端开发页面的调试方法、装置、设备及存储介质。

技术介绍

[0002]一个网站类型的应用程序通常分为前端网页和后台服务，前端网页在开发调试过程中依赖于后端服务。也就是说，如果要调试前端网页必须要有后端能够提供服务，否则前端页面调试过程中会受到阻塞。
[0003]在实际项目开发中，确定分析设计完需求，前端开发的主要任务就是前端用户界面(User Interface，简称UI)的布局及与后端开发应用程序编程接口(Application Programming Interface，简称API)的测通。前端UI界面的布局与后端数据服务几乎很少有交互，但布局实时效果的查看需依赖后端正常提供服务的情况下才可以完成；API接口的测通需等待后端人员开发本地测试完，将该接口部署到服务器上，前端搭建复杂的后端环境才能开始前后端接口的联调，前后端开发任务不能同时进行，降低开发效率，影响开发进程。

技术实现思路

[0004]本申请的目的旨在至少在一定程度上解决上述技术问题之一。
[0005]为此，本申请提出了一种前端开发页面的调试方法，通过代理后端服务根据本地数据存储路径下的存储数据对前端开发页面进行调试，无需调用后端存储的数据，相较于现有技术中后端开发完成后才能对前端开发页面进行调试，提高了前端调试的效率。
[0006]本申请第一方面实施例提出了一种前端开发页面的调试方法，包括：
[0007]监听前端开发页面的接口调用请求，其中，所述接口调用请求包括：待调用接口的标识；
[0008]获取与所述标识对应的本地数据存储路径；
[0009]根据本地设备的IP地址以及页面服务端口获取所述本地数据存储路径下的存储数据；
[0010]根据所述存储数据对所述前端开发页面进行调试。
[0011]可选地，所述获取与所述标识对应的本地数据存储路径，包括：
[0012]获取与所述标识对应的原始数据存储路径；
[0013]判断所述原始数据存储路径是否为所述本地设备上的数据存储路径；
[0014]若所述原始数据存储路径不为所述本地设备上的数据存储路径，则根据所述待调用接口的标识查询本地接口映射关系表，获取与所述标识对应的本地数据存储路径；
[0015]若所述原始数据存储路径为所述本地设备上的数据存储路径时，则将所述原始数据存储路径确定为与所述标识对应的本地数据存储路径。
[0016]可选地，所述获取与所述标识对应的本地数据存储路径之前，还包括：
[0017]针对所述前端开发页面的每个待处理接口，确定与所述待处理接口的标识对应的第一原始数据存储路径是否为所述本地设备上的数据存储路径；
[0018]若所述第一原始数据存储路径不为所述本地设备上的数据存储路径，则获取所述第一原始数据存储路径所指向的非本地设备的IP地址以及页面服务端口；
[0019]根据所述非本地设备的IP地址以及页面服务端口获取所述第一原始数据存储路径下的第一存储数据；
[0020]将所述第一存储数据存储在所述本地设备上，并根据所述待处理接口的标识以及所述第一存储数据在所述本地设备上的数据存储路径对所述接口映射关系表进行更新。
[0021]可选地，所述方法，还包括：
[0022]若所述第一原始数据存储路径不为所述本地设备上的数据存储路径，则获取所述第一原始数据存储路径下的第一存储数据；
[0023]将所述第一存储数据存储在所述本地设备上，并根据所述待处理接口的标识以及所述第一存储数据在所述本地设备上的数据存储路径对所述接口映射关系表进行更新。
[0024]可选地，所述根据所述存储数据对所述前端开发页面进行调试，包括：
[0025]获取存储数据修改请求，其中，所述存储数据修改请求是所述前端开发页面显示异常时生成的，所述存储数据修改请求包括：待修改接口的标识，与所述待修改接口相关的修改后存储数据；
[0026]获取与所述待修改接口的标识对应的本地数据存储路径；
[0027]根据所述修改后存储数据，对与所述待修改接口的标识对应的本地数据存储路径下的存储数据进行更新，以根据更新后的存储数据进行异常查找。
[0028]可选地，所述获取与所述标识对应的本地数据存储路径之前，还包括：
[0029]判断配置代理开关是否为关闭状态；
[0030]对应的，所述获取与所述标识对应的本地数据存储路径，包括：
[0031]若所述配置代理开关为关闭状态，则获取与所述标识对应的本地数据存储路径。
[0032]可选地，若所述配置代理开关为开启状态，则获取与所述标识对应的原始数据存储路径；
[0033]确定所述原始数据存储路径不为所述本地设备上的数据存储路径，则获取所述原始数据存储路径所指向的非本地设备的IP地址以及页面服务端口；
[0034]根据所述非本地设备的IP地址以及页面服务端口获取所述原始数据存储路径下的存储数据；
[0035]根据所述存储数据对所述前端开发页面进行调试。
[0036]本申请实施例的前端开发页面的调试方法，通过监听前端开发页面的接口调用请求，其中，接口调用请求包括：待调用接口的标识；获取与标识对应的本地数据存储路径，根据本地设备的IP地址以及页面服务端口获取本地数据存储路径下的存储数据，根据存储数据对前端开发页面进行调试。由此，代理后端服务根据本地数据存储路径下的存储数据对前端开发页面进行调试，无需调用后端存储的数据，相较于现有技术中后端开发完成后才能对前端开发页面进行调试，提高了前端调试的效率。
[0037]本申请第二方面实施例提出了一种前端开发页面的调试装置，包括：
[0038]监听模块，用于监听前端开发页面的接口调用请求，其中，所述接口调用请求包
括：待调用接口的标识；
[0039]第一获取模块，用于获取与所述标识对应的本地数据存储路径；
[0040]第二获取模块，用于根据本地设备的IP地址以及页面服务端口获取所述本地数据存储路径下的存储数据；
[0041]调试模块，用于根据所述存储数据对所述前端开发页面进行调试。
[0042]本申请实施例的前端开发页面的调试装置，通过监听前端开发页面的接口调用请求，其中，接口调用请求包括：待调用接口的标识；获取与标识对应的本地数据存储路径，根据本地设备的IP地址以及页面服务端口获取本地数据存储路径下的存储数据，根据存储数据对前端开发页面进行调试。由此，代理后端服务根据本地数据存储路径下的存储数据对前端开发页面进行调试，无需调用后端存储的数据，相较于现有技术中后端开发完成后才能对前端开发页面进行调试，提高了前端调试的效率。
[0043]本申请第三方面实施例提出了一种电子设备，包括：存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端开发页面的调试方法，其特征在于，包括：监听前端开发页面的接口调用请求，其中，所述接口调用请求包括：待调用接口的标识；获取与所述标识对应的本地数据存储路径；根据本地设备的IP地址以及页面服务端口获取所述本地数据存储路径下的存储数据；根据所述存储数据对所述前端开发页面进行调试。2.根据权利要求1所述的调试方法，其特征在于，所述获取与所述标识对应的本地数据存储路径，包括：获取与所述标识对应的原始数据存储路径；判断所述原始数据存储路径是否为所述本地设备上的数据存储路径；若所述原始数据存储路径不为所述本地设备上的数据存储路径，则根据所述待调用接口的标识查询本地接口映射关系表，获取与所述标识对应的本地数据存储路径；若所述原始数据存储路径为所述本地设备上的数据存储路径时，则将所述原始数据存储路径确定为与所述标识对应的本地数据存储路径。3.根据权利要求2所述的调试方法，其特征在于，所述获取与所述标识对应的本地数据存储路径之前，还包括：针对所述前端开发页面的每个待处理接口，确定与所述待处理接口的标识对应的第一原始数据存储路径是否为所述本地设备上的数据存储路径；若所述第一原始数据存储路径不为所述本地设备上的数据存储路径，则获取所述第一原始数据存储路径所指向的非本地设备的IP地址以及页面服务端口；根据所述非本地设备的IP地址以及页面服务端口获取所述第一原始数据存储路径下的第一存储数据；将所述第一存储数据存储在所述本地设备上，并根据所述待处理接口的标识以及所述第一存储数据在所述本地设备上的数据存储路径对所述接口映射关系表进行更新。4.根据权利要求3所述的调试方法，其特征在于，还包括：若所述第一原始数据存储路径不为所述本地设备上的数据存储路径，则获取所述第一原始数据存储路径下的第一存储数据；将所述第一存储数据存储在所述本地设备上，并根据所述待处理接口的标识以及所述第一存储数据在所述本地设备上的数据存储路径对所述接口映射关系表进行更新。5.根据权利要求1所述的调试方法，其特征在于，所述根据所述存储数据对所述前端开发页面进行调试，包括：...

【专利技术属性】
技术研发人员：王燕梅，王鹏，
申请(专利权)人：杭州数梦工场科技有限公司，
类型：发明
国别省市：